info/phpapprentice
1
0
Fork 0
mirror of https://github.com/restoreddev/phpapprentice.git synced 2025-01-17 14:48:13 +01:00
Code Issues Releases Wiki Activity

Improving dark mode form styles

Browse Source
This commit is contained in:
Andrew Davis 2020-02-02 14:39:58 -06:00
parent 4e8b26a3b0
commit 21d25374b7
2 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
assets/styles.css
View File

@ -237,6 +237,10 @@ button:hover .icon svg {
height: 1.25em; height: 1.25em;
display: inline-block; display: inline-block;
} }
.dark-mode-form {
float: right;
padding-left: 1rem;
}
.home-title { .home-title {
text-align: center; text-align: center;
} }
@ -266,7 +270,7 @@ button:hover .icon svg {
} }
@media only screen and (max-width: 420px) { @media only screen and (max-width: 420px) {
.home-buttons { .home-buttons {
padding-top: 0.5em; padding-top: 0.5rem;
max-width: 15em; max-width: 15em;
margin: 0 auto; margin: 0 auto;
} }
@ -275,13 +279,17 @@ button:hover .icon svg {
display: block; display: block;
} }
.home-buttons .menu { .home-buttons .menu {
margin-top: 0.5em; margin-top: 0.5rem;
text-align: center; text-align: center;
display: block; display: block;
} }
.home-buttons .dark-mode-form {
float: none;
margin-top: 0.5rem;
}
} }
.menu { .menu {
margin-bottom: 1.5em; margin-bottom: 1.5rem;
} }
.modal { .modal {
position: fixed; position: fixed;

2
layouts/partials/menu_button.html
View File

@ -3,7 +3,7 @@
<div class="icon">{{ readFile "static/show-sidebar.svg" | safeHTML }}</div> <div class="icon">{{ readFile "static/show-sidebar.svg" | safeHTML }}</div>
Table of Contents Table of Contents
</button> </button>
<form style="float: right; padding-left: 1rem;"> <form class="dark-mode-form">
<label for="dark_mode">Dark Mode?</label> <label for="dark_mode">Dark Mode?</label>
<input type="checkbox" id="dark_mode" name="dark_mode" /> <input type="checkbox" id="dark_mode" name="dark_mode" />
</form> </form>