From e1d8a8e23e298cc3978284ce1ed67ccf34a38fdc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ram=C3=B3n=20Tom=C3=A1s?= Date: Mon, 10 Jul 2017 14:24:01 +0200 Subject: [PATCH] Fix UI styles MVCApp --- src/Web/WebMVC/Views/Shared/_Header.cshtml | 2 +- .../wwwroot/css/shared/components/identity/identity.css | 6 +++--- .../wwwroot/css/shared/components/identity/identity.min.css | 1 + .../wwwroot/css/shared/components/identity/identity.scss | 6 +++--- 4 files changed, 8 insertions(+), 7 deletions(-) create mode 100644 src/Web/WebMVC/wwwroot/css/shared/components/identity/identity.min.css diff --git a/src/Web/WebMVC/Views/Shared/_Header.cshtml b/src/Web/WebMVC/Views/Shared/_Header.cshtml index 9c06eabd3..c137188e5 100644 --- a/src/Web/WebMVC/Views/Shared/_Header.cshtml +++ b/src/Web/WebMVC/Views/Shared/_Header.cshtml @@ -5,7 +5,7 @@
@foreach (var header in @Model) { - @header.Text + @header.Text }
diff --git a/src/Web/WebMVC/wwwroot/css/shared/components/identity/identity.css b/src/Web/WebMVC/wwwroot/css/shared/components/identity/identity.css index 5de72d907..cd386000c 100644 --- a/src/Web/WebMVC/wwwroot/css/shared/components/identity/identity.css +++ b/src/Web/WebMVC/wwwroot/css/shared/components/identity/identity.css @@ -29,8 +29,8 @@ .esh-identity-drop { background: #FFFFFF; - height: 0; - min-width: 14rem; + height: 10px; + width: 10rem; overflow: hidden; padding: .5rem; position: absolute; @@ -41,7 +41,7 @@ .esh-identity:hover .esh-identity-drop { border: 1px solid #EEEEEE; - height: 7rem; + height: 10rem; transition: height 0.35s; } diff --git a/src/Web/WebMVC/wwwroot/css/shared/components/identity/identity.min.css b/src/Web/WebMVC/wwwroot/css/shared/components/identity/identity.min.css new file mode 100644 index 000000000..778140cfa --- /dev/null +++ b/src/Web/WebMVC/wwwroot/css/shared/components/identity/identity.min.css @@ -0,0 +1 @@ +.esh-identity{line-height:3rem;position:relative;text-align:right;}.esh-identity-section{display:inline-block;width:100%;}.esh-identity-name{display:inline-block;}.esh-identity-name--upper{text-transform:uppercase;}@media screen and (max-width:768px){.esh-identity-name{font-size:.85rem;}}.esh-identity-image{display:inline-block;}.esh-identity-drop{background:#fff;height:10px;width:10rem;overflow:hidden;padding:.5rem;position:absolute;right:0;top:2.5rem;transition:height .35s;}.esh-identity:hover .esh-identity-drop{border:1px solid #eee;height:10rem;transition:height .35s;}.esh-identity-item{cursor:pointer;transition:color .35s;}.esh-identity-item:hover{color:#75b918;transition:color .35s;} \ No newline at end of file diff --git a/src/Web/WebMVC/wwwroot/css/shared/components/identity/identity.scss b/src/Web/WebMVC/wwwroot/css/shared/components/identity/identity.scss index 45a8cf3e8..b9fd5c689 100644 --- a/src/Web/WebMVC/wwwroot/css/shared/components/identity/identity.scss +++ b/src/Web/WebMVC/wwwroot/css/shared/components/identity/identity.scss @@ -28,8 +28,8 @@ &-drop { background: $color-background-brighter; - height: 0; - min-width: 14rem; + height: 10px; + width: 10rem; overflow: hidden; padding: .5rem; position: absolute; @@ -40,7 +40,7 @@ &:hover &-drop { border: $border-light solid $color-foreground-bright; - height: 7rem; + height: 10rem; transition: height $animation-speed-default; }