compatible with small screen

zero-peak · Aug 16, 2024 · d4b01b3 · d4b01b3
1 parent aed9523
commit d4b01b3
Show file tree

Hide file tree

Showing 8 changed files with 44 additions and 9 deletions.
diff --git a/omega-target-chromium-extension/overlay/manifest-firefox.json b/omega-target-chromium-extension/overlay/manifest-firefox.json
@@ -48,7 +48,7 @@
   "browser_specific_settings": {
     "gecko": {
       "id": "suziwen1@gmail.com",
-      "strict_min_version": "92.0"
+      "strict_min_version": "112.0"
     }
   }
 }
diff --git a/omega-target-chromium-extension/src/coffee/background_preload.coffee b/omega-target-chromium-extension/src/coffee/background_preload.coffee
@@ -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'

diff --git a/omega-target-chromium-extension/src/module/options.coffee b/omega-target-chromium-extension/src/module/options.coffee
@@ -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'

diff --git a/omega-web/lib/themes/base.css b/omega-web/lib/themes/base.css
@@ -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;
 }

diff --git a/omega-web/src/less/options.less b/omega-web/src/less/options.less
@@ -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,

diff --git a/omega-web/src/options.jade b/omega-web/src/options.jade
@@ -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')

diff --git a/omega-web/src/popup.jade b/omega-web/src/popup.jade
@@ -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')

diff --git a/omega-web/src/popup/index.html b/omega-web/src/popup/index.html
@@ -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>