this repo has no description

merge "feat: switch using UC toggle for fully hidden sidebar, close #6" from testing into main

+29 -32
Media/UCToggleSettings.png

This is a binary file and will not be displayed.

-1
README.md
··· 71 72 * `uc.tweak.borderless` -> removes margins around the webpage 73 * `uc.tweak.sidebar-header` -> show sidebar header 74 - * `uc.tweak.sidebar-full-collapse` -> make sidebar fully hidden when collapse (like the hidden navbar) 75 * `sidebar.position_start` -> whether the sidebar is on the left or right 76 * `uc.tweak.sidebery-top-navbar` -> move the Sidebery navbar thingy from the bottom to the top 77 * `uc.tweak.no-window-controls` -> hide window controls
··· 71 72 * `uc.tweak.borderless` -> removes margins around the webpage 73 * `uc.tweak.sidebar-header` -> show sidebar header 74 * `sidebar.position_start` -> whether the sidebar is on the left or right 75 * `uc.tweak.sidebery-top-navbar` -> move the Sidebery navbar thingy from the bottom to the top 76 * `uc.tweak.no-window-controls` -> hide window controls
+24 -27
chrome/browser/main.css
··· 61 background-color: transparent !important; 62 } 63 64 - /* navbar collapse */ 65 &:not([titlepreface*="​"]) { 66 & #appcontent browser { 67 border-top-left-radius: var(--uc-content-radius) !important; 68 border-top-right-radius: var(--uc-content-radius) !important; 69 } 70 } 71 - 72 - @media not (-moz-bool-pref: "uc.tweak.sidebar-full-collapse") { 73 &:has(#sidebar-box:not([positionend="true"])) #appcontent browser { 74 border-top-left-radius: var(--uc-content-radius) !important; 75 border-bottom-left-radius: var(--uc-content-radius) !important; ··· 78 border-bottom-right-radius: var(--uc-content-radius) !important; 79 } 80 } 81 - @media (-moz-bool-pref: "uc.tweak.sidebar-full-collapse") { 82 - &:not([titlepreface*="؜"]) { 83 - &:has(#sidebar-box:not([positionend="true"])) #appcontent browser { 84 - border-top-left-radius: var(--uc-content-radius) !important; 85 - border-bottom-left-radius: var(--uc-content-radius) !important; 86 - } &:has(#sidebar-box[positionend="true"]) #appcontent browser { 87 - border-top-right-radius: var(--uc-content-radius) !important; 88 - border-bottom-right-radius: var(--uc-content-radius) !important; 89 - } 90 - } 91 } 92 } 93 } ··· 100 clip-path: circle(100%); 101 background-color: transparent !important; 102 } 103 - /* navbar collapse */ 104 &:not([titlepreface*="​"]) { 105 & #appcontent browser { 106 border-top-left-radius: var(--uc-content-radius) !important; 107 border-top-right-radius: var(--uc-content-radius) !important; 108 } 109 } 110 - 111 - @media not (-moz-bool-pref: "uc.tweak.sidebar-full-collapse") { 112 &:has(#sidebar-box:not([positionend="true"])) #appcontent browser { 113 border-top-left-radius: var(--uc-content-radius) !important; 114 border-bottom-left-radius: var(--uc-content-radius) !important; ··· 117 border-bottom-right-radius: var(--uc-content-radius) !important; 118 } 119 } 120 - @media (-moz-bool-pref: "uc.tweak.sidebar-full-collapse") { 121 - /* sidebar collapse */ 122 - &:not([titlepreface*="؜"]) { 123 - &:has(#sidebar-box:not([positionend="true"])) #appcontent browser { 124 - border-top-left-radius: var(--uc-content-radius) !important; 125 - border-bottom-left-radius: var(--uc-content-radius) !important; 126 - } &:has(#sidebar-box[positionend="true"]) #appcontent browser { 127 - border-top-right-radius: var(--uc-content-radius) !important; 128 - border-bottom-right-radius: var(--uc-content-radius) !important; 129 - } 130 - } 131 } 132 } 133
··· 61 background-color: transparent !important; 62 } 63 64 + /* not navbar collapse */ 65 &:not([titlepreface*="​"]) { 66 & #appcontent browser { 67 border-top-left-radius: var(--uc-content-radius) !important; 68 border-top-right-radius: var(--uc-content-radius) !important; 69 } 70 } 71 + /* not sidebar full collapse */ 72 + &:not([titlepreface*="‌"]) { 73 &:has(#sidebar-box:not([positionend="true"])) #appcontent browser { 74 border-top-left-radius: var(--uc-content-radius) !important; 75 border-bottom-left-radius: var(--uc-content-radius) !important; ··· 78 border-bottom-right-radius: var(--uc-content-radius) !important; 79 } 80 } 81 + /* sidebar full collapse */ 82 + &[titlepreface*="‌"] { 83 + &:has(#sidebar-box:not([positionend="true"])) #appcontent browser { 84 + border-top-left-radius: var(--uc-content-radius) !important; 85 + border-bottom-left-radius: var(--uc-content-radius) !important; 86 + } &:has(#sidebar-box[positionend="true"]) #appcontent browser { 87 + border-top-right-radius: var(--uc-content-radius) !important; 88 + border-bottom-right-radius: var(--uc-content-radius) !important; 89 + } 90 } 91 } 92 } ··· 99 clip-path: circle(100%); 100 background-color: transparent !important; 101 } 102 + /* not navbar collapse */ 103 &:not([titlepreface*="​"]) { 104 & #appcontent browser { 105 border-top-left-radius: var(--uc-content-radius) !important; 106 border-top-right-radius: var(--uc-content-radius) !important; 107 } 108 } 109 + /* not sidebar full collapse */ 110 + &:not([titlepreface*="‌"]) { 111 &:has(#sidebar-box:not([positionend="true"])) #appcontent browser { 112 border-top-left-radius: var(--uc-content-radius) !important; 113 border-bottom-left-radius: var(--uc-content-radius) !important; ··· 116 border-bottom-right-radius: var(--uc-content-radius) !important; 117 } 118 } 119 + /* sidebar full collapse */ 120 + &[titlepreface*="‌"] { 121 + &:has(#sidebar-box:not([positionend="true"])) #appcontent browser { 122 + border-top-left-radius: var(--uc-content-radius) !important; 123 + border-bottom-left-radius: var(--uc-content-radius) !important; 124 + } &:has(#sidebar-box[positionend="true"]) #appcontent browser { 125 + border-top-right-radius: var(--uc-content-radius) !important; 126 + border-bottom-right-radius: var(--uc-content-radius) !important; 127 + } 128 } 129 } 130
+4 -3
chrome/browser/sidebar.css
··· 82 } 83 } 84 85 - /* sidebar collapse */ 86 - &[titlepreface*="؜"] { 87 #sidebar-splitter { 88 display: none !important; 89 } ··· 121 background-color: var(--uc-bg) !important; 122 } 123 124 - @media (-moz-bool-pref: "uc.tweak.sidebar-full-collapse") { 125 #sidebar-box { 126 min-width: var(--uc-content-margin) !important; 127 max-width: var(--uc-content-margin) !important;
··· 82 } 83 } 84 85 + /* sidebar collapse */ /* full collapse */ 86 + &:is([titlepreface*="؜"], [titlepreface*="‌"]) { 87 #sidebar-splitter { 88 display: none !important; 89 } ··· 121 background-color: var(--uc-bg) !important; 122 } 123 124 + /* sidebar full collapse */ 125 + &[titlepreface*="‌"] { 126 #sidebar-box { 127 min-width: var(--uc-content-margin) !important; 128 max-width: var(--uc-content-margin) !important;
+1 -1
chrome/vars.css
··· 24 } 25 26 /* sidebar vars */ 27 - &[titlepreface*="؜"] { 28 --uc-sidebar-hover-width: 200px; 29 --uc-autohide-sidebar-delay: 0ms; 30 }
··· 24 } 25 26 /* sidebar vars */ 27 + &:is([titlepreface*="؜"], [titlepreface*="‌"]) { 28 --uc-sidebar-hover-width: 200px; 29 --uc-autohide-sidebar-delay: 0ms; 30 }