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-active,
&.is-hovered { &.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; background: white;
} }
}
.dropdown-icon { .dropdown-icon {
fill: currentColor; fill: currentColor;
@ -6455,8 +6461,8 @@ output {
border-radius: inherit; border-radius: inherit;
outline: none; outline: none;
cursor: pointer; cursor: pointer;
background: hsl(0,0%,90%); background: white;
transition: background 400ms; box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset;
} }
.zammad-switch input { .zammad-switch input {
@ -6465,6 +6471,7 @@ output {
.zammad-switch input:checked + label { .zammad-switch input:checked + label {
background: $supergood-color; background: $supergood-color;
transition: none;
} }
.zammad-switch input:focus + label { .zammad-switch input:focus + label {
@ -6473,26 +6480,10 @@ output {
box-shadow: 0 0 0 3px hsl(201,62%,90%); box-shadow: 0 0 0 3px hsl(201,62%,90%);
} }
.zammad-switch label:after, .zammad-switch label:after {
.zammad-switch label:before {
content: ""; content: "";
position: absolute; position: absolute;
transition: 200ms; transition: transform 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;
} }
.zammad-switch label:after { .zammad-switch label:after {