open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

auto-adjust #add-style-wrapper to various font height

Browse Source
This commit is contained in:
tophf 2017-12-29 20:25:48 +03:00
parent fef10b1638
commit 16f98ed250
2 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
manage.html
View File

@ -276,7 +276,7 @@
<div id="add-style-wrapper"> <div id="add-style-wrapper">
<a href="edit.html"> <a href="edit.html">
<button id="add-style-label" i18n-text="addStyleLabel" tabindex="-1"></button> <button id="add-style-label" i18n-text="addStyleLabel" tabindex="-1" class="nowrap"></button>
</a> </a>
<label id="add-style-as-usercss-wrapper"> <label id="add-style-as-usercss-wrapper">
<input type="checkbox" id="newStyleAsUsercss"> <input type="checkbox" id="newStyleAsUsercss">

26
manage/manage.css
View File

@ -90,22 +90,34 @@ select {
#add-style-wrapper { #add-style-wrapper {
display: flex; display: flex;
align-items: center; align-items: center;
padding-bottom: 1.5em; padding-bottom: 1.25em;
white-space: nowrap;
flex-wrap: wrap;
}
#add-style-wrapper > * {
/* in case the children are wrapped */
margin-bottom: .25em;
} }
#add-style-as-usercss-wrapper { #add-style-as-usercss-wrapper {
display: inline-flex; display: flex;
margin-top: 3px; align-items: center;
} }
#add-style-as-usercss-wrapper:not(:hover) input:not(:checked) ~ a svg { #add-style-as-usercss-wrapper:not(:hover) input:not(:checked) ~ a svg {
fill: #aaa; fill: #aaa;
} }
#add-style-as-usercss-wrapper #usercss-wiki { #add-style-as-usercss-wrapper input {
position: absolute; bottom: 0;
right: -20px; margin: auto;
top: -3px; }
#add-style-as-usercss-wrapper input + svg {
bottom: 0;
margin: auto;
left: 2px;
} }
#installed { #installed {