compatible with small screen

This commit is contained in:
suziwen 2024-08-16 22:17:09 +08:00
parent aed95236be
commit d4b01b3dad
8 changed files with 44 additions and 9 deletions

View File

@ -48,7 +48,7 @@
"browser_specific_settings": {
"gecko": {
"id": "suziwen1@gmail.com",
"strict_min_version": "92.0"
"strict_min_version": "112.0"
}
}
}

View File

@ -4,7 +4,7 @@ if not globalThis.window
window.UglifyJS_NoUnsafeEval = true
createContextMenu = ->
chrome.contextMenus.create({
chrome.contextMenus?.create({
id: 'enableQuickSwitch'
title: chrome.i18n.getMessage('contextMenu_enableQuickSwitch')
type: 'checkbox'

View File

@ -25,7 +25,7 @@ class ChromeOptions extends OmegaTarget.Options
@ready.then( =>
@updateProfile()
)
chrome.contextMenus.onClicked.addListener((info, tab) =>
chrome.contextMenus?.onClicked.addListener((info, tab) =>
@ready.then( =>
switch info.menuItemId
when 'enableQuickSwitch'

View File

@ -167,13 +167,13 @@ fieldset[disabled] .form-control {
.alert-info {
color: var(--infoColor);
background-color: transparent;
background: var(--defaultBackground);
border-color: var(--lighterBackground);
position: relative;
}
.alert-success {
color: var(--positiveColor);
background-color: transparent;
background: var(--defaultBackground);
border-color: var(--lighterBackground);
position: relative;
}
@ -191,7 +191,7 @@ fieldset[disabled] .form-control {
.alert-danger {
color: var(--negativeColor);
background-color: transparent;
background: var(--defaultBackground);
border-color: var(--lighterBackground);
position: relative;
}

View File

@ -393,6 +393,41 @@ main {
.table-responsive .dropdown-menu {
position: static !important;
}
.btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.form-control {
line-height: 1;
padding: 0;
height: 25px;
}
main {
border-top: 3px dotted;
margin-top: 20px;
}
main .page-header{
padding: 20px 0;
}
select.form-control.inline-form-control {
display: block;
height: 25px;
margin: 20px 0;
width: 100% !important;
min-width: 100%;
}
textarea.width-limit{
max-width: 100%;
}
.settings-group > * {
margin-left: 0;
}
.profile-actions{
float: initial;
margin: 10px 0;
}
}
.fixed-servers,

View File

@ -2,7 +2,7 @@ doctype html
html(lang='en' ng-controller='MasterCtrl' ng-csp)
head
meta(charset='utf-8')
title(ng-bind="'options_title' | tr") SwitchyOmega Options
title {{'options_title' | tr}} (Z&#8203er&#8203oOmega)
meta(name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no')
link(rel='stylesheet' href='lib/bootstrap/css/bootstrap.min.css')
link(rel='stylesheet' href='lib/spectrum/spectrum.css')

View File

@ -20,7 +20,7 @@ doctype html
html(lang='en' ng-app='omegaPopup' ng-controller='PopupCtrl' ng-csp)
head
meta(charset='utf-8')
title {{'popup_title' | tr}}
title {{'popup_title' | tr}} (Zer&#8203oOmega)
meta(name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no')
link(rel='stylesheet' href='lib/bootstrap/css/bootstrap.min.css')
link(rel='stylesheet' href='css/popup.css')

View File

@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8">
<title>SwitchyOmega Popup</title>
<title>Z&#8203eroOmega Popup</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="css/index.css">
</head>