Added style to theme button
This commit is contained in:
parent
70301cab72
commit
f079f48c38
|
@ -34,12 +34,11 @@
|
||||||
<span class="name pull-end" data-ls-bind="{{account.name}}"></span>
|
<span class="name pull-end" data-ls-bind="{{account.name}}"></span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="pull-end margin-end-tiny switch-theme">
|
||||||
<div class="pull-end margin-end">
|
<button data-general-theme>
|
||||||
<button data-general-theme class="link trans text-fade">
|
<i class="icon-sun-inv force-light"></i>
|
||||||
<i class="icon-sun-inv force-dark"></i>
|
<i class="icon-moon-inv force-dark"></i>
|
||||||
<i class="icon-moon-inv force-light"></i>
|
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
2
public/dist/styles/default-ltr.css
vendored
2
public/dist/styles/default-ltr.css
vendored
File diff suppressed because one or more lines are too long
2
public/dist/styles/default-rtl.css
vendored
2
public/dist/styles/default-rtl.css
vendored
File diff suppressed because one or more lines are too long
|
@ -1152,4 +1152,40 @@ ol {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.switch-theme {
|
||||||
|
background: var(--config-color-fade);
|
||||||
|
border-radius: 19px;
|
||||||
|
height: 32px;
|
||||||
|
width: 44px;
|
||||||
|
margin: 6px 0;
|
||||||
|
|
||||||
|
button {
|
||||||
|
padding: 3px;
|
||||||
|
display: block;
|
||||||
|
background: transparent;
|
||||||
|
height: 32px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
i {
|
||||||
|
background: var(--config-color-background-fade);
|
||||||
|
border-radius: 50%;
|
||||||
|
height: 26px;
|
||||||
|
width: 26px;
|
||||||
|
line-height: 26px;
|
||||||
|
font-size: 12px;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
color: var(--config-color-normal);
|
||||||
|
|
||||||
|
&.force-light {
|
||||||
|
.pull-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.force-dark {
|
||||||
|
.pull-start;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Reference in a new issue