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

Merge pull request #45 from tophf/editbox-fullpagewidth

Browse Source 
Edit style: expand URL boxes to page width
This commit is contained in:
Jason Barnabe 2015-03-03 20:06:03 -06:00
commit a312794207
1 changed files with 29 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
edit.html
View File

@ -80,18 +80,43 @@
.CodeMirror { .CodeMirror {
border: solid #CCC 1px; border: solid #CCC 1px;
} }
.applies-to {
display: flex;
}
.applies-to label {
flex: auto;
margin-top: 0.25em;
}
.applies-to ul { .applies-to ul {
display: inline-block; flex: auto;
flex-grow: 99;
margin: 0; margin: 0;
padding: 0;
} }
.applies-to li { .applies-to li {
display: flex;
list-style-type: none; list-style-type: none;
align-items: center;
margin-bottom: 0.4em;
}
.applies-to li > * {
flex: auto;
min-height: 1.7em;
margin-left: 0.4em;
} }
.applies-to li .add-applies-to { .applies-to li .add-applies-to {
display: none; visibility: hidden;
text-align: left;
} }
.applies-to li:last-child .add-applies-to { .applies-to li:last-child .add-applies-to {
display: inline; visibility: visible
}
.applies-to li .add-applies-to:first-child {
margin-left: 1em;
}
.applies-to li .applies-value {
flex-grow: 99;
padding-left: 0.5ex;
} }
body > section > *:not(h2) { body > section > *:not(h2) {
padding-left: 15px; padding-left: 15px;
@ -108,6 +133,7 @@
} }
#sections > div:last-of-type .add-section { #sections > div:last-of-type .add-section {
display: inline; display: inline;
margin-left: 0.4em;
} }
.applies-to img { .applies-to img {
vertical-align: bottom; vertical-align: bottom;