From 002fb0f4aa807151f0dadd33f5a60824a180bc7b Mon Sep 17 00:00:00 2001 From: Beelink Date: Tue, 1 Oct 2019 17:42:28 +0300 Subject: [PATCH] beta v3.0.1 --- css/modules/titlebar.css | 128 +++++++++++++ css/settings.css | 11 +- html/browser.html | 39 +--- html/overlay.html | 1 + html/settings.html | 8 + imgs/engines/ecosia.png | Bin 0 -> 882 bytes js/settings.js | 33 ++++ main.js | 36 +++- modules/Overlay/Overlay.js | 16 +- modules/SearchManager/SearchManager.js | 3 + modules/TabManager/Tab.js | 9 +- modules/TabManager/TabManager.js | 4 +- modules/applyWinControls.js | 10 +- package-lock.json | 252 ++++++++++++++++++++++--- package.json | 4 +- 15 files changed, 465 insertions(+), 89 deletions(-) create mode 100644 css/modules/titlebar.css create mode 100644 imgs/engines/ecosia.png diff --git a/css/modules/titlebar.css b/css/modules/titlebar.css new file mode 100644 index 0000000..e97c97b --- /dev/null +++ b/css/modules/titlebar.css @@ -0,0 +1,128 @@ +/* +.########.####.########.##.......########.########.....###....########. +....##.....##.....##....##.......##.......##.....##...##.##...##.....## +....##.....##.....##....##.......##.......##.....##..##...##..##.....## +....##.....##.....##....##.......######...########..##.....##.########. +....##.....##.....##....##.......##.......##.....##.#########.##...##.. +....##.....##.....##....##.......##.......##.....##.##.....##.##....##. +....##....####....##....########.########.########..##.....##.##.....## +*/ + +#titlebar-icon { + float: left; + padding: 8px; + } + + #titlebar-title { + position: absolute; + top: 6px; + left: 30px; + } + + #drag-zone { + -webkit-app-region: drag; + position: absolute; + left: 4px; + right: 4px; + top: 4px; + bottom: calc(100% - 32px); + z-index: -100; + } + + #titlebar { + position: absolute; + top: 0; + right: 0; + left: 0; + height: 33px; + border-bottom: 1px solid var(--color-border); + background-color: var(--color-element); + } + + #titlebar-icon { + padding: 8px; + } + + #window-controls #close-btn:hover { + background-color: #E81022; + color: white; + opacity: 1 !important; + } + + #titlebar-label { + position: absolute; + top: 6px; + left: 34px; + font-size: var(--px-font); + color: var(--color-top); + } + +#titlebar.blur #titlebar-label { + opacity: 0.5; +} + + #titlebar.blur #window-controls .button, #titlebar.blur .theme-icon, #window-controls .button:active, #window-controls #close-btn:active { + opacity: 0.5 !important; + } + + /* + .##......##.####.##....##.....######...#######..##....##.########.########...#######..##........######. + .##..##..##..##..###...##....##....##.##.....##.###...##....##....##.....##.##.....##.##.......##....## + .##..##..##..##..####..##....##.......##.....##.####..##....##....##.....##.##.....##.##.......##...... + .##..##..##..##..##.##.##....##.......##.....##.##.##.##....##....########..##.....##.##........######. + .##..##..##..##..##..####....##.......##.....##.##..####....##....##...##...##.....##.##.............## + .##..##..##..##..##...###....##....##.##.....##.##...###....##....##....##..##.....##.##.......##....## + ..###..###..####.##....##.....######...#######..##....##....##....##.....##..#######..########..######. + */ + + #window-controls { + -webkit-app-region: no-drag; + float: right; + height: 32px; + display: grid; + grid-template-columns: repeat(3, 46px); + } + + #window-controls.linux { + grid-template-columns: repeat(1, 32px); + } + + #window-controls span { + font-family: SegMDL2; + font-size: 10px; + } + + #window-controls .nav-btn { + grid-row: 1 / span 1; + border-radius: 0; + width: 34px; + height: 34px; + margin: -1px; + border: none; + background-color: transparent; + border: 1px solid transparent; + } + + #window-controls .nav-btn:hover { + background-color: var(--color-second); + border-color: var(--color-border); + } + + #window-controls .nav-btn:focus { + border-color: var(--color-border); + } + + #window-controls .nav-btn:active { + background-color: var(--color-border); + } + + #window-controls .button { + grid-row: 1 / span 1; + display: flex; + justify-content: center; + align-items: center; + width: 100%; + height: 100%; + color: var(--color-top); + transition: background-color 0.25s; + } \ No newline at end of file diff --git a/css/settings.css b/css/settings.css index 80c382d..31f351c 100644 --- a/css/settings.css +++ b/css/settings.css @@ -57,7 +57,6 @@ */ body { - border-top: 1px solid var(--color-border); padding: 0; margin: 0; overflow: hidden; @@ -76,11 +75,11 @@ body { .sidebar { position: absolute; left: 0; - top: 0; + top: 33px; bottom: 0; - width: 30%; + width: 35%; border-right: 1px solid var(--color-border); - padding: 2px; + padding: 16px; } .sidebar button { @@ -106,9 +105,9 @@ hr { .container { position: absolute; right: 0; - top: 0; + top: 33px; bottom: 0; - width: 70%; + width: 65%; animation: append-center; animation-duration: 0.25s; display: none; diff --git a/html/browser.html b/html/browser.html index bd25761..a9f6236 100755 --- a/html/browser.html +++ b/html/browser.html @@ -40,44 +40,7 @@ -
- -
-
+