Browse Source
Fixed inline confirm icon index
Fixed bullet/icon combination visibility
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
pull/8777/head
John Molakvoæ (skjnldsv)
8 years ago
No known key found for this signature in database
GPG Key ID: 60C25B8C072916CF
2 changed files with
18 additions and
7 deletions
-
core/css/apps.scss
-
core/css/inputs.scss
|
|
|
@ -215,7 +215,7 @@ kbd { |
|
|
|
> a, |
|
|
|
> .app-navigation-entry-bullet { |
|
|
|
/* hide icon or bullet if loading state*/ |
|
|
|
background: none !important; |
|
|
|
background: transparent !important; |
|
|
|
} |
|
|
|
} |
|
|
|
/* Main entry link */ |
|
|
|
@ -263,6 +263,12 @@ kbd { |
|
|
|
border: none; |
|
|
|
border-radius: 50%; |
|
|
|
cursor: pointer; |
|
|
|
transition: background 100ms ease-in-out; |
|
|
|
|
|
|
|
+ a { |
|
|
|
/* hide icon if bullet, can't have both */ |
|
|
|
background: transparent !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/* popover fix the flex positionning of the li parent */ |
|
|
|
@ -319,7 +325,7 @@ kbd { |
|
|
|
margin: 0; |
|
|
|
z-index: 110; |
|
|
|
} |
|
|
|
&:after { |
|
|
|
&:before { |
|
|
|
position: absolute; |
|
|
|
height: 44px; |
|
|
|
width: 44px; |
|
|
|
@ -339,13 +345,14 @@ kbd { |
|
|
|
-webkit-transform: rotate(-90deg); |
|
|
|
-ms-transform: rotate(-90deg); |
|
|
|
transform: rotate(-90deg); |
|
|
|
z-index: 50; |
|
|
|
} |
|
|
|
|
|
|
|
/* force padding on link no matter if 'a' has an icon class */ |
|
|
|
> a:first-child { |
|
|
|
padding-left: 44px; |
|
|
|
} |
|
|
|
&:after, |
|
|
|
&:before, |
|
|
|
> a { |
|
|
|
transition: background 100ms ease-in-out, |
|
|
|
transform 250ms ease-in-out, |
|
|
|
@ -357,12 +364,15 @@ kbd { |
|
|
|
} |
|
|
|
&:hover, |
|
|
|
&:focus { |
|
|
|
&:after { |
|
|
|
&:before { |
|
|
|
opacity: 1; |
|
|
|
} |
|
|
|
.app-navigation-entry-bullet { |
|
|
|
background: transparent !important; |
|
|
|
} |
|
|
|
} |
|
|
|
&.open { |
|
|
|
&:after { |
|
|
|
&:before { |
|
|
|
-webkit-transform: rotate(0); |
|
|
|
-ms-transform: rotate(0); |
|
|
|
transform: rotate(0); |
|
|
|
@ -449,7 +459,7 @@ kbd { |
|
|
|
height: 38px; |
|
|
|
flex: 0 0 36px; |
|
|
|
&:not(:last-child) { |
|
|
|
border-radius: 0; |
|
|
|
border-radius: 0 !important; |
|
|
|
} |
|
|
|
&:not(:first-child) { |
|
|
|
margin-left: -1px; |
|
|
|
|
|
|
|
@ -219,7 +219,7 @@ input { |
|
|
|
background-clip: padding-box; /* Avoid background under border */ |
|
|
|
background-color: $color-main-background !important; |
|
|
|
opacity: 1; |
|
|
|
width: 16px; |
|
|
|
width: 34px; |
|
|
|
padding: 7px 6px; |
|
|
|
cursor: pointer; |
|
|
|
&:disabled { |
|
|
|
@ -247,6 +247,7 @@ input { |
|
|
|
+ .icon-confirm { |
|
|
|
border-color: $color-primary-element !important; |
|
|
|
border-left-color: transparent !important; |
|
|
|
z-index: 2; /* above previous input */ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
