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

optionsUI: equal height of 2-line action buttons

Browse Source
This commit is contained in:
tophf 2017-04-29 20:58:53 +03:00
parent cb79b3561c
commit ad100d42b3
3 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
options/index.css
View File

@ -19,7 +19,7 @@ body {
margin: 0; margin: 0;
font-family: "Helvetica Neue", Helvetica, sans-serif; font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px; font-size: 12px;
width: calc(16px + 100px + 8px + 240px + 8px + 80px + 4px + 16px); width: calc(16px + 100px + 8px + 260px + 8px + 60px + 4px + 16px);
} }
.firefox .chromium-only { .firefox .chromium-only {
@ -61,7 +61,7 @@ label > * {
} }
label > :first-child { label > :first-child {
width: 240px; width: 260px;
white-space: normal; white-space: normal;
margin-right: 8px; margin-right: 8px;
} }
@ -78,7 +78,7 @@ button,
input[type=number], input[type=number],
input[type="color"], input[type="color"],
.onoffswitch { .onoffswitch {
width: 80px; width: 60px;
box-sizing: border-box; box-sizing: border-box;
} }
@ -106,10 +106,13 @@ input[type="color"] {
#actions { #actions {
justify-content: space-around; justify-content: space-around;
align-items: stretch;
padding-right: 8px;
} }
#actions button { #actions button {
width: auto; width: auto;
margin-right: 8px;
} }
[data-cmd="check-updates"] button { [data-cmd="check-updates"] button {
@ -227,7 +230,7 @@ sup {
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
right: 56px; right: 46px;
border-radius: 18px; border-radius: 18px;
box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.4);
} }

4
options/index.html
View File

@ -90,9 +90,7 @@
</button> </button>
<div id="updates-installed" i18n-text="updatesCurrentlyInstalled"></div> <div id="updates-installed" i18n-text="updatesCurrentlyInstalled"></div>
</div> </div>
<a data-cmd="open-keyboard" class="chromium-only" href="chrome://extensions/configureCommands"> <button data-cmd="open-keyboard" class="chromium-only" i18n-text="shortcuts" i18n-title="shortcutsNote"></button>
<button i18n-text="shortcuts" i18n-title="shortcutsNote"></button>
</a>
</div> </div>
</div> </div>

5
options/index.js
View File

@ -3,9 +3,6 @@
setupLivePrefs(); setupLivePrefs();
enforceInputRange($('#popupWidth')); enforceInputRange($('#popupWidth'));
// overwrite the default URL if browser is Opera
$('[data-cmd="open-keyboard"]').href = URLS.configureCommands;
// actions // actions
document.onclick = e => { document.onclick = e => {
const target = e.target.closest('[data-cmd]'); const target = e.target.closest('[data-cmd]');
@ -25,7 +22,7 @@ document.onclick = e => {
break; break;
case 'open-keyboard': case 'open-keyboard':
openURL({url: target.closest('a').href}); openURL({url: URLS.configureCommands});
e.preventDefault(); e.preventDefault();
break; break;