mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fixed loading state in apps nav menu 

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2018-03-04 16:24:14 +01:00
parent e70570cbd7
commit c401a8cf26
No known key found for this signature in database
GPG Key ID: FB5ACEED51955BF8
1 changed files with 25 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
core/css/header.scss
View File

@ -268,10 +268,10 @@ nav[role='navigation'] {
}
a {
position: relative;
display: block;
display: inline-flex;
padding: 10px 12px;
height:40px;
vertical-align: text-bottom;
height: 40px;
align-items: center;
span {
display: inline-block;
padding-bottom: 0;
@ -286,9 +286,6 @@ nav[role='navigation'] {
span {
opacity: .7;
}
svg {
margin-bottom: 2px;
}
&:hover svg,
&:focus svg,
&:hover span,
@ -308,20 +305,20 @@ nav[role='navigation'] {
max-width: 32px;
}
}
/* loading feedback for apps */
.app-loading {
.icon-loading-small {
display: inline !important;
position: absolute;
left: 12px;
width: 16px;
height: 16px;
}
.app-icon {
opacity: 0;
}
}
/* loading feedback for apps */
.app-loading {
.icon-loading-small-dark {
display: inline !important;
position: absolute;
left: 12px;
width: 16px;
height: 16px;
}
.app-icon {
opacity: 0;
}
}
/* Apps management */
@ -462,10 +459,15 @@ nav[role='navigation'] {
opacity: .6;
}
}
.app-loading .icon-loading-small-dark {
top: 12px;
width: 20px;
height: 20px;
.app-loading {
> svg {
display: none;
}
.icon-loading-small-dark {
width: 20px;
height: 20px;
display: block !important;
}
}