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

Sync status shouldn't be clickable (#804)

Browse Source 
* Sync status shouldn't be clickable

* sync status shouldn't be clickable
This commit is contained in:
narcolepticinsomniac 2019-11-14 19:17:25 -05:00 committed by GitHub
parent 41aa869c33
commit 2742cbe120
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
options.html
View File

@ -140,7 +140,7 @@
<div class="block sync-options"> <div class="block sync-options">
<h1 i18n-text="optionsCustomizeSync"></h1> <h1 i18n-text="optionsCustomizeSync"></h1>
<div class="items"> <div class="items">
<label> <div class="label">
<span class="sync-status"></span> <span class="sync-status"></span>
<div class="select-resizer"> <div class="select-resizer">
<select class="cloud-name"> <select class="cloud-name">
@ -151,7 +151,7 @@
</select> </select>
<svg class="svg-icon select-arrow"><use xlink:href="#svg-icon-select-arrow"/></svg> <svg class="svg-icon select-arrow"><use xlink:href="#svg-icon-select-arrow"/></svg>
</div> </div>
</label> </div>
<div class="actions"> <div class="actions">
<button type="button" class="connect" i18n-text="optionsSyncConnect"></button> <button type="button" class="connect" i18n-text="optionsSyncConnect"></button>
<button type="button" class="disconnect" i18n-text="optionsSyncDisconnect"></button> <button type="button" class="disconnect" i18n-text="optionsSyncDisconnect"></button>

15
options/options.css
View File

@ -80,12 +80,18 @@ h1 {
width: 70%; width: 70%;
} }
label { label,
.label {
display: flex; display: flex;
margin: .25ex 0; margin: .25ex 0;
align-items: center; align-items: center;
} }
.label {
flex-grow: 1;
justify-content: space-between;
}
label > :first-child { label > :first-child {
margin-right: 8px; margin-right: 8px;
flex-grow: 1; flex-grow: 1;
@ -319,6 +325,9 @@ html:not(.firefox):not(.opera) #updates {
} }
.sync-status { .sync-status {
flex-grow: 1;
padding-right: 8px;
box-sizing: border-box;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -326,3 +335,7 @@ html:not(.firefox):not(.opera) #updates {
.sync-status::first-letter { .sync-status::first-letter {
text-transform: uppercase; text-transform: uppercase;
} }
.sync-options .actions {
padding-top: 6px;
}