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": { "browser_specific_settings": {
"gecko": { "gecko": {
"id": "suziwen1@gmail.com", "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 window.UglifyJS_NoUnsafeEval = true
createContextMenu = -> createContextMenu = ->
chrome.contextMenus.create({ chrome.contextMenus?.create({
id: 'enableQuickSwitch' id: 'enableQuickSwitch'
title: chrome.i18n.getMessage('contextMenu_enableQuickSwitch') title: chrome.i18n.getMessage('contextMenu_enableQuickSwitch')
type: 'checkbox' type: 'checkbox'

View File

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

View File

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

View File

@ -393,6 +393,41 @@ main {
.table-responsive .dropdown-menu { .table-responsive .dropdown-menu {
position: static !important; 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, .fixed-servers,

View File

@ -2,7 +2,7 @@ doctype html
html(lang='en' ng-controller='MasterCtrl' ng-csp) html(lang='en' ng-controller='MasterCtrl' ng-csp)
head head
meta(charset='utf-8') 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') 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/bootstrap/css/bootstrap.min.css')
link(rel='stylesheet' href='lib/spectrum/spectrum.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) html(lang='en' ng-app='omegaPopup' ng-controller='PopupCtrl' ng-csp)
head head
meta(charset='utf-8') 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') 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/bootstrap/css/bootstrap.min.css')
link(rel='stylesheet' href='css/popup.css') link(rel='stylesheet' href='css/popup.css')

View File

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <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"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="css/index.css"> <link rel="stylesheet" href="css/index.css">
</head> </head>