CodeMirror/appwrite
1
0
Fork 0
mirror of synced 2024-06-26 18:20:43 +12:00
Code Issues Projects Releases Wiki Activity

Added style to theme button

Browse source
This commit is contained in:
Eldad Fux 2020-02-17 12:30:04 +02:00
parent 70301cab72
commit f079f48c38
4 changed files with 43 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
app/views/console/comps/header.phtml
View file

@ -34,12 +34,11 @@
<span class="name pull-end" data-ls-bind="{{account.name}}"></span>
</a>
</div>
<div class="pull-end margin-end">
<button data-general-theme class="link trans text-fade">
<i class="icon-sun-inv force-dark"></i>
<i class="icon-moon-inv force-light"></i>
<div class="pull-end margin-end-tiny switch-theme">
<button data-general-theme>
<i class="icon-sun-inv force-light"></i>
<i class="icon-moon-inv force-dark"></i>
</button>
</div>

2
public/dist/styles/default-ltr.css vendored
View file

File diff suppressed because one or more lines are too long

2
public/dist/styles/default-rtl.css vendored
View file

File diff suppressed because one or more lines are too long

36
public/styles/forms.less
View file

@ -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;
}
}
}