From b75f0ed4cf46c236c099cd1e37691cafacae97b6 Mon Sep 17 00:00:00 2001 From: Ahmad Aziz Date: Thu, 1 May 2025 14:54:32 +0000 Subject: [PATCH 1/2] update floating history --- .../chrome.css | 169 ++++++++++++------ .../image.png | Bin 6387 -> 0 bytes .../preferences.json | 19 ++ .../readme.md | 2 +- .../screenshots/floating-history.png | Bin 0 -> 2338 bytes .../theme.json | 6 +- 6 files changed, 137 insertions(+), 59 deletions(-) delete mode 100644 themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/image.png create mode 100644 themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/preferences.json create mode 100644 themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/screenshots/floating-history.png diff --git a/themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/chrome.css b/themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/chrome.css index 4c54cd3a..08471537 100644 --- a/themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/chrome.css +++ b/themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/chrome.css @@ -1,65 +1,124 @@ -window.sidebar-panel { - background-color: var(--zen-themed-toolbar-bg) !important; +/* Disable dragable splitter */ +#sidebar-box[sidebarcommand="viewHistorySidebar"] + splitter { + display: none !important; } -search-textbox#search-box { - appearance: none !important; - background-color: var(--zen-colors-tertiary) !important; - border: 1px solid var(--zen-colors-border) !important; - padding: 0.5rem !important; - border-radius: 5px !important; -} - -search-textbox#search-box:hover { - border: 1px solid var(--zen-colors-secondary) !important; -} - -search-textbox#search-box:hover:active { - border: 1px solid var(--zen-colors-secondary) !important; -} - -button#viewButton { - appearance: none; - color: inherit; - background-color: transparent !important; - border-radius: var(--toolbarbutton-border-radius); - border: 1px solid transparent !important; -} - -button#viewButton:hover { - background-color: var(--zen-colors-border) !important; -} - -button#viewButton:hover:active { - background-color: var(--zen-colors-border) !important; -} - -#sidebar-box[sidebarcommand="viewHistorySidebar"] #sidebar-header { - border-bottom: 0px !important; +/* Make sure content is not affect by history tab sliding in and out */ +#tabbrowser-tabbox[flex="1"][tabcontainer="tabbrowser-tabs"] { + will-change: unset !important; } +/* History Tab Styles */ #sidebar-box[sidebarcommand="viewHistorySidebar"] { - background-color: var(--zen-themed-toolbar-bg) !important; - border-radius: var(--zen-border-radius); - box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1); - border: 1px solid var(--zen-colors-border); - padding: var(--zen-toolbox-padding) !important; - position: fixed; - z-index: 1; - height: 80vh !important; - width: 20em !important; - top: 10vh !important; - right: 0.6vw !important; - transform: translateX(105%); - transition: all 0.2s ease-in-out; + order: none !important; + height: 80% !important; + width: 22em !important; + + body:has(#theme-Floating-History[theme-floating_history-position="right"]) { + right: 15px; + } + + body:has(#theme-Floating-History[theme-floating_history-position="left"]) { + left: 15px; + } + + + position: fixed !important; + transform: translateX(50%) !important; + z-index: 10; + + transform: translateY(12%) !important; + + border-radius: var(--zen-border-radius) !important; + + box-shadow: var(--box-shadow-10) !important; + background: var(--zen-colors-tertiary) !important; + border: 1px solid var(--zen-colors-border) !important; + + transition: transform 0.35s !important; + visibility: visible !important; + opacity: 1 !important; + + + &[hidden="true"] { + display: flex !important; + + body:has(#theme-Floating-History[theme-floating_history-position="right"]) { + transform: translateX(110%) translateY(12%) !important; + } + + body:has(#theme-Floating-History[theme-floating_history-position="left"]) { + transform: translateX(-110%) translateY(12%) !important; + } + } + + @starting-style { + display: flex !important; + + body:has(#theme-Floating-History[theme-floating_history-position="right"]) { + transform: translateX(110%) translateY(12%) !important; + } + + body:has(#theme-Floating-History[theme-floating_history-position="left"]) { + transform: translateX(-110%) translateY(12%) !important; + } + } + + &[checked="true"] { + display: flex !important; + transform: translateX(0%) translateY(12%) !important; + } } -#sidebar-box[hidden="true"][sidebarcommand="viewHistorySidebar"] { - display: flex !important; - opacity: 0 !important; - transform: translateX(105%); + +/* Inner Styles of History Tab */ + +#sidebar-box[sidebarcommand="viewHistorySidebar"] box#sidebar-header { + border-bottom: none !important; } -#sidebar-box[checked="true"][sidebarcommand="viewHistorySidebar"] { - transform: translateX(0); +window#history-panel { + box-shadow: var(--box-shadow-10) !important; + background: var(--zen-colors-tertiary) !important; } + +/* Search Bar Styles */ +window#history-panel search-textbox#search-box[data-l10n-id="places-history-search"] { + appearance: none !important; + background-color: var(--input-bgcolor, var(--zen-colors-tertiary)) !important; + color: var(--input-color, var(--toolbar-field-color)) !important; + border: 1px solid var(--zen-input-border-color, rgb(66,65,77)); + border-radius: 4px; + outline: none; + box-sizing: border-box; + padding: 0.5rem !important; + + + &[focused="true"] { + background-color: var(--input-bgcolor, var(--toolbar-field-background-color)) !important; + border: 1px solid var(--input-border-color, rgb(66,65,77)); + } +} + + +/* View Button Styles */ +window#history-panel hbox#sidebar-search-container button#viewButton { + appearance: none !important; + margin-inline-end: 4px !important; + border-radius: 6px !important; + border: 1px solid transparent !important; + padding: 2px 4px !important; + background: transparent !important; +} + +window#history-panel hbox#sidebar-search-container button#viewButton:hover { + background-color: color-mix(in srgb, currentColor 10%, transparent) !important; +} + +window#history-panel hbox#sidebar-search-container button#viewButton:active { + background-color: color-mix(in srgb, currentColor 15%, transparent) !important; +} + +window#history-panel hbox#sidebar-search-container { + margin-bottom: 1rem !important; +} \ No newline at end of file diff --git a/themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/image.png b/themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/image.png deleted file mode 100644 index 9c9c92081908060a9c9bba0152fa54dd1c60e09e..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6387 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 Date: Thu, 15 May 2025 14:34:03 +0000 Subject: [PATCH 2/2] revert to image.png --- .../{screenshots/floating-history.png => image.png} | Bin .../253a3a74-0cc4-47b7-8b82-996a64f030d5/theme.json | 2 +- 2 files changed, 1 insertion(+), 1 deletion(-) rename themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/{screenshots/floating-history.png => image.png} (100%) diff --git a/themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/screenshots/floating-history.png b/themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/image.png similarity index 100% rename from themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/screenshots/floating-history.png rename to themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/image.png diff --git a/themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/theme.json b/themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/theme.json index 41362373..b936a52a 100644 --- a/themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/theme.json +++ b/themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/theme.json @@ -5,7 +5,7 @@ "homepage": "https://github.com/ahmaadaziz/zen-floating-history", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/chrome.css", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/readme.md", - "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/screenshots/floating-history.png", + "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/image.png", "author": "ahmaadaziz", "createdAt": "2024-10-12", "updatedAt": "2025-01-26",