Media/UCToggleSettings.png

This is a binary file and will not be displayed.

-1

README.md

··· 71 71 72 72 * `uc.tweak.borderless` -> removes margins around the webpage 73 73 * `uc.tweak.sidebar-header` -> show sidebar header 74 74 - * `uc.tweak.sidebar-full-collapse` -> make sidebar fully hidden when collapse (like the hidden navbar) 75 74 * `sidebar.position_start` -> whether the sidebar is on the left or right 76 75 * `uc.tweak.sidebery-top-navbar` -> move the Sidebery navbar thingy from the bottom to the top 77 76 * `uc.tweak.no-window-controls` -> hide window controls

+24 -27

chrome/browser/main.css

··· 61 61 background-color: transparent !important; 62 62 } 63 63 64 64 - /* navbar collapse */ 64 64 + /* not navbar collapse */ 65 65 &:not([titlepreface*="​"]) { 66 66 & #appcontent browser { 67 67 border-top-left-radius: var(--uc-content-radius) !important; 68 68 border-top-right-radius: var(--uc-content-radius) !important; 69 69 } 70 70 } 71 71 - 72 72 - @media not (-moz-bool-pref: "uc.tweak.sidebar-full-collapse") { 71 71 + /* not sidebar full collapse */ 72 72 + &:not([titlepreface*="‌"]) { 73 73 &:has(#sidebar-box:not([positionend="true"])) #appcontent browser { 74 74 border-top-left-radius: var(--uc-content-radius) !important; 75 75 border-bottom-left-radius: var(--uc-content-radius) !important; ··· 78 78 border-bottom-right-radius: var(--uc-content-radius) !important; 79 79 } 80 80 } 81 81 - @media (-moz-bool-pref: "uc.tweak.sidebar-full-collapse") { 82 82 - &:not([titlepreface*="؜"]) { 83 83 - &:has(#sidebar-box:not([positionend="true"])) #appcontent browser { 84 84 - border-top-left-radius: var(--uc-content-radius) !important; 85 85 - border-bottom-left-radius: var(--uc-content-radius) !important; 86 86 - } &:has(#sidebar-box[positionend="true"]) #appcontent browser { 87 87 - border-top-right-radius: var(--uc-content-radius) !important; 88 88 - border-bottom-right-radius: var(--uc-content-radius) !important; 89 89 - } 90 90 - } 81 81 + /* sidebar full collapse */ 82 82 + &[titlepreface*="‌"] { 83 83 + &:has(#sidebar-box:not([positionend="true"])) #appcontent browser { 84 84 + border-top-left-radius: var(--uc-content-radius) !important; 85 85 + border-bottom-left-radius: var(--uc-content-radius) !important; 86 86 + } &:has(#sidebar-box[positionend="true"]) #appcontent browser { 87 87 + border-top-right-radius: var(--uc-content-radius) !important; 88 88 + border-bottom-right-radius: var(--uc-content-radius) !important; 89 89 + } 91 90 } 92 91 } 93 92 } ··· 100 99 clip-path: circle(100%); 101 100 background-color: transparent !important; 102 101 } 103 103 - /* navbar collapse */ 102 102 + /* not navbar collapse */ 104 103 &:not([titlepreface*="​"]) { 105 104 & #appcontent browser { 106 105 border-top-left-radius: var(--uc-content-radius) !important; 107 106 border-top-right-radius: var(--uc-content-radius) !important; 108 107 } 109 108 } 110 110 - 111 111 - @media not (-moz-bool-pref: "uc.tweak.sidebar-full-collapse") { 109 109 + /* not sidebar full collapse */ 110 110 + &:not([titlepreface*="‌"]) { 112 111 &:has(#sidebar-box:not([positionend="true"])) #appcontent browser { 113 112 border-top-left-radius: var(--uc-content-radius) !important; 114 113 border-bottom-left-radius: var(--uc-content-radius) !important; ··· 117 116 border-bottom-right-radius: var(--uc-content-radius) !important; 118 117 } 119 118 } 120 120 - @media (-moz-bool-pref: "uc.tweak.sidebar-full-collapse") { 121 121 - /* sidebar collapse */ 122 122 - &:not([titlepreface*="؜"]) { 123 123 - &:has(#sidebar-box:not([positionend="true"])) #appcontent browser { 124 124 - border-top-left-radius: var(--uc-content-radius) !important; 125 125 - border-bottom-left-radius: var(--uc-content-radius) !important; 126 126 - } &:has(#sidebar-box[positionend="true"]) #appcontent browser { 127 127 - border-top-right-radius: var(--uc-content-radius) !important; 128 128 - border-bottom-right-radius: var(--uc-content-radius) !important; 129 129 - } 130 130 - } 119 119 + /* sidebar full collapse */ 120 120 + &[titlepreface*="‌"] { 121 121 + &:has(#sidebar-box:not([positionend="true"])) #appcontent browser { 122 122 + border-top-left-radius: var(--uc-content-radius) !important; 123 123 + border-bottom-left-radius: var(--uc-content-radius) !important; 124 124 + } &:has(#sidebar-box[positionend="true"]) #appcontent browser { 125 125 + border-top-right-radius: var(--uc-content-radius) !important; 126 126 + border-bottom-right-radius: var(--uc-content-radius) !important; 127 127 + } 131 128 } 132 129 } 133 130

+4 -3

chrome/browser/sidebar.css

··· 82 82 } 83 83 } 84 84 85 85 - /* sidebar collapse */ 86 86 - &[titlepreface*="؜"] { 85 85 + /* sidebar collapse */ /* full collapse */ 86 86 + &:is([titlepreface*="؜"], [titlepreface*="‌"]) { 87 87 #sidebar-splitter { 88 88 display: none !important; 89 89 } ··· 121 121 background-color: var(--uc-bg) !important; 122 122 } 123 123 124 124 - @media (-moz-bool-pref: "uc.tweak.sidebar-full-collapse") { 124 124 + /* sidebar full collapse */ 125 125 + &[titlepreface*="‌"] { 125 126 #sidebar-box { 126 127 min-width: var(--uc-content-margin) !important; 127 128 max-width: var(--uc-content-margin) !important;

+1 -1

chrome/vars.css

··· 24 24 } 25 25 26 26 /* sidebar vars */ 27 27 - &[titlepreface*="؜"] { 27 27 + &:is([titlepreface*="؜"], [titlepreface*="‌"]) { 28 28 --uc-sidebar-hover-width: 200px; 29 29 --uc-autohide-sidebar-delay: 0ms; 30 30 }