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

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

View File

@ -276,7 +276,7 @@
<div id="add-style-wrapper">
<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>
<label id="add-style-as-usercss-wrapper">
<input type="checkbox" id="newStyleAsUsercss">

View File

@ -90,22 +90,34 @@ select {
#add-style-wrapper {
display: flex;
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 {
display: inline-flex;
margin-top: 3px;
display: flex;
align-items: center;
}
#add-style-as-usercss-wrapper:not(:hover) input:not(:checked) ~ a svg {
fill: #aaa;
}
#add-style-as-usercss-wrapper #usercss-wiki {
position: absolute;
right: -20px;
top: -3px;
#add-style-as-usercss-wrapper input {
bottom: 0;
margin: auto;
}
#add-style-as-usercss-wrapper input + svg {
bottom: 0;
margin: auto;
left: 2px;
}
#installed {