Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

tone down menu-item hover state switch background

Browse source
This commit is contained in:
Felix Niklas 2015-11-20 11:52:31 +01:00
parent 8800b6b61a
commit 7ac0a5c280
1 changed files with 14 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
app/assets/stylesheets/zammad.scss
View file

@ -2665,12 +2665,18 @@ footer {
&.is-active,
&.is-hovered {
background: #389ed9;
background: hsl(202,68%,54%);
}
&.is-active .zammad-switch label:after {
&.is-active .zammad-switch {
input:not(:checked) + label { // switch background
background: hsl(202,68%,43%);
}
label:after {
background: white;
}
}
.dropdown-icon {
fill: currentColor;
@ -6455,8 +6461,8 @@ output {
border-radius: inherit;
outline: none;
cursor: pointer;
background: hsl(0,0%,90%);
transition: background 400ms;
background: white;
box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset;
}
.zammad-switch input {
@ -6465,6 +6471,7 @@ output {
.zammad-switch input:checked + label {
background: $supergood-color;
transition: none;
}
.zammad-switch input:focus + label {
@ -6473,26 +6480,10 @@ output {
box-shadow: 0 0 0 3px hsl(201,62%,90%);
}
.zammad-switch label:after,
.zammad-switch label:before {
.zammad-switch label:after {
content: "";
position: absolute;
transition: 200ms;
}
.zammad-switch label:before {
width: calc(100% - 2px);
height: calc(100% - 2px);
left: 1px;
top: 1px;
border-radius: inherit;
background: hsl(210,17%,99%);
transform-origin: right;
}
.zammad-switch input:checked + label:before {
transform: scaleX(0);
opacity: 0;
transition: transform 200ms;
}
.zammad-switch label:after {