ayan.poddar/eShopOnContainers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix UI styles MVCApp

Browse Source
This commit is contained in:
Ramón Tomás 2017-07-10 14:24:01 +02:00
parent ecf9933908
commit e1d8a8e23e
4 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/Web/WebMVC/Views/Shared/_Header.cshtml
View File

@ -5,7 +5,7 @@
<div class="container">
@foreach (var header in @Model)
{
<a class="esh-header-title" asp-area="" asp-controller="@header.Controller" asp-action="Index">@header.Text</a>
<a class="esh-header-back" asp-area="" asp-controller="@header.Controller" asp-action="Index">@header.Text</a>
}
</div>
</div>

6
src/Web/WebMVC/wwwroot/css/shared/components/identity/identity.css
View File

@ -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;
}

1
src/Web/WebMVC/wwwroot/css/shared/components/identity/identity.min.css vendored Normal file
View File

@ -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;}

6
src/Web/WebMVC/wwwroot/css/shared/components/identity/identity.scss
View File

@ -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;
}