diff --git a/discord/channel-list-toggle/import.css b/discord/channel-list-toggle/import.css index 74ccd00..f0affa1 100644 --- a/discord/channel-list-toggle/import.css +++ b/discord/channel-list-toggle/import.css @@ -1 +1 @@ -:root{--channel-list-toggle-icon-light: url("data:image/svg+xml,%3Csvg width='25px' height='25px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6.00092H21M3 12.0009H21M3 18.0009H21' stroke='%23181818' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3CclipPath id='clip0_429_11066'%3E%3Crect width='24' height='24' transform='translate(0 0.000915527)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");--channel-list-toggle-icon-dark: url("data:image/svg+xml,%3Csvg width='25px' height='25px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6.00092H21M3 12.0009H21M3 18.0009H21' stroke='%23eee' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3CclipPath id='clip0_429_11066'%3E%3Crect width='24' height='24' transform='translate(0 0.000915527)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");--channel-list-toggle-icon-margin: 11px 0px 0px 24px;--channel-list-header-channel-text: var(--background-primary);--channel-list-header-channel-forum: var(--home-background);}html{--channel-list-toggle-icon: var(--channel-list-toggle-icon-light);}html[class^="theme-dark"]{--channel-list-toggle-icon: var(--channel-list-toggle-icon-dark);}html:has(div[class^="sidebar_"]:not(:focus-within) > nav){--channel-list-toggle-close: true;}html:has(div[aria-hidden="true"][class^="layer"]), html:has(div[class^="sidebar_"] > * > * *:hover), html[class^="is-mobile"]{--channel-list-toggle-close: false !important;}@container style(--channel-list-toggle-close:true){section[aria-labelledby][role="navigation"], div[class^="content"]>[class^="chat"]{z-index:0}nav[aria-label="Private channels"], nav[aria-label="Private channels"]>div[data-list-id^="private-channels"], div[class^="sidebar_"], div[class^="sidebar_"] nav[class^="container"]{background:unset}div[class^="sidebar_"]{z-index:1;position:absolute;width:26px;height:25px;margin:var(--channel-list-toggle-icon-margin)}div[class^="sidebar_"] nav>div[class^="scroller"]{height:48px;overflow:hidden!important}div[class^="sidebar_"] nav>div[class^="scroller"]:before{position:fixed;content:var(--channel-list-toggle-icon);cursor:pointer;color:var(--interactive-normal)}div[class^="sidebar_"] nav div[class^="container"]:has([class^="bar"]), div[class^="sidebar_"] nav div[class^="container"]:has([class^="channelNotice"]), div[class^="sidebar_"] nav div[class^="unread"][class^="container"], div[class^="sidebar_"] nav>div:first-child, div[class^="sidebar_"] section[class^="panels"]{display:none}div[class^="sidebar_"] nav>div[class^="scroller"]>ul{opacity:0}div[class^="sidebar_"]>*>*>*{pointer-events:none}section:not(:has([aria-label="Close"]))>div[class^=upperContainer]>div[class^=children]{margin-left:53px}@media only screen and (max-width:570px){div[class^="sidebar_"] nav:before{content:"‍‍‍ㅤ";position:fixed;width:50px;height:26px;margin-left:-9px;background:linear-gradient(94deg, var(--channel-list-header-channel-text) 75%, rgba(0, 0, 0, 0) 100%)}div:has([data-list-id^="forum-channel-list"])>div[class^="sidebar_"] nav:before{background:linear-gradient(94deg, var(--channel-list-header-channel-forum) 75%, rgba(0, 0, 0, 0) 100%)}div:has([class^="callContainer"])>div[class^="sidebar_"] nav:before{background:unset}}} +:root{--channel-list-toggle-icon-light: url("data:image/svg+xml,%3Csvg width='25px' height='25px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6.00092H21M3 12.0009H21M3 18.0009H21' stroke='%23181818' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3CclipPath id='clip0_429_11066'%3E%3Crect width='24' height='24' transform='translate(0 0.000915527)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");--channel-list-toggle-icon-dark: url("data:image/svg+xml,%3Csvg width='25px' height='25px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6.00092H21M3 12.0009H21M3 18.0009H21' stroke='%23eee' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3CclipPath id='clip0_429_11066'%3E%3Crect width='24' height='24' transform='translate(0 0.000915527)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");--channel-list-toggle-icon-margin: 11px 0px 0px 24px;--channel-list-header-channel-text: var(--background-primary);--channel-list-header-channel-forum: var(--home-background);}html{--channel-list-toggle-icon: var(--channel-list-toggle-icon-light);}html[class*="theme-dark"]{--channel-list-toggle-icon: var(--channel-list-toggle-icon-dark);}html:has(div[class^="sidebar_"]:not(:focus-within) > nav){--channel-list-toggle-close: true;}html:has(div[aria-hidden="true"][class^="layer"]), html:has(div[class^="sidebar_"] > * > * *:hover), html[class^="is-mobile"]{--channel-list-toggle-close: false !important;}@container style(--channel-list-toggle-close:true){section[aria-labelledby][role="navigation"], div[class^="content"]>[class^="chat"]{z-index:0}nav[aria-label="Private channels"], nav[aria-label="Private channels"]>div[data-list-id^="private-channels"], div[class^="sidebar_"], div[class^="sidebar_"] nav[class^="container"]{background:unset}div[class^="sidebar_"]{z-index:1;position:absolute;width:26px;height:25px;margin:var(--channel-list-toggle-icon-margin)}div[class^="sidebar_"] nav>div[class^="scroller"]{height:48px;overflow:hidden!important}div[class^="sidebar_"] nav>div[class^="scroller"]:before{position:fixed;content:var(--channel-list-toggle-icon);cursor:pointer;color:var(--interactive-normal)}div[class^="sidebar_"] nav div[class^="container"]:has([class^="bar"]), div[class^="sidebar_"] nav div[class^="container"]:has([class^="channelNotice"]), div[class^="sidebar_"] nav div[class^="unread"][class^="container"], div[class^="sidebar_"] nav>div:first-child, div[class^="sidebar_"] section[class^="panels"]{display:none}div[class^="sidebar_"] nav>div[class^="scroller"]>ul{opacity:0}div[class^="sidebar_"]>*>*>*{pointer-events:none}section:not(:has([aria-label="Close"]))>div[class^=upperContainer]>div[class^=children]{margin-left:53px}@media only screen and (max-width:570px){div[class^="sidebar_"] nav:before{content:"‍‍‍ㅤ";position:fixed;width:50px;height:26px;margin-left:-9px;background:linear-gradient(94deg, var(--channel-list-header-channel-text) 75%, rgba(0, 0, 0, 0) 100%)}div:has([data-list-id^="forum-channel-list"])>div[class^="sidebar_"] nav:before{background:linear-gradient(94deg, var(--channel-list-header-channel-forum) 75%, rgba(0, 0, 0, 0) 100%)}div:has([class^="callContainer"])>div[class^="sidebar_"] nav:before{background:unset}}}