auto-adjust #add-style-wrapper to various font height
This commit is contained in:
parent
fef10b1638
commit
16f98ed250
|
@ -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">
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in New Issue
Block a user