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

Fix sidebar vertical spacing

Browse Source
This commit is contained in:
Rob Garrison 2018-01-17 07:49:45 -06:00
parent a52ea871f8
commit ce798ac51b
2 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
edit.html
View File

@ -269,13 +269,13 @@
<button id="beautify" i18n-text="styleBeautify"></button> <button id="beautify" i18n-text="styleBeautify"></button>
<a href="manage.html" tabindex="-1"><button id="cancel-button" i18n-text="styleCancelEditLabel"></button></a> <a href="manage.html" tabindex="-1"><button id="cancel-button" i18n-text="styleCancelEditLabel"></button></a>
</div> </div>
<p id="mozilla-format-container"> <div id="mozilla-format-container">
<button id="from-mozilla" i18n-text="importLabel"></button> <button id="from-mozilla" i18n-text="importLabel"></button>
<button id="to-mozilla" i18n-text="exportLabel"></button> <button id="to-mozilla" i18n-text="exportLabel"></button>
<a id="to-mozilla-help" class="svg-inline-wrapper" href="#"> <a id="to-mozilla-help" class="svg-inline-wrapper" href="#">
<svg class="svg-icon info"><use xlink:href="#svg-icon-help"/></svg> <svg class="svg-icon info"><use xlink:href="#svg-icon-help"/></svg>
</a> </a>
</p> </div>
</section> </section>
<details id="options" data-pref="editor.options.expanded"> <details id="options" data-pref="editor.options.expanded">
<summary><h2 id="options-heading" i18n-text="optionsHeading"></h2></summary> <summary><h2 id="options-heading" i18n-text="optionsHeading"></h2></summary>

13
edit/edit.css
View File

@ -81,6 +81,11 @@ label {
min-height: 1.4rem; min-height: 1.4rem;
} }
#mozilla-format-container {
align-items: center;
margin-top: .5rem;
}
/* basic info */ /* basic info */
#basic-info { #basic-info {
margin-bottom: 1rem; margin-bottom: 1rem;
@ -143,7 +148,7 @@ label {
height: 16px; height: 16px;
} }
.svg-inline-wrapper { .svg-inline-wrapper {
margin-left: .2rem; margin-left: .1rem;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
} }
@ -191,7 +196,7 @@ input:invalid {
align-items: center; align-items: center;
margin-left: -13px; margin-left: -13px;
cursor: pointer; cursor: pointer;
margin-top: 8px; margin-top: .8rem;
margin-bottom: 8px; margin-bottom: 8px;
} }
@ -210,10 +215,6 @@ input:invalid {
margin-top: -3px; margin-top: -3px;
} }
#actions {
margin-bottom: .5rem;
}
#options:not([open]) + #lint h2 { #options:not([open]) + #lint h2 {
margin-top: 0; margin-top: 0;
} }