settings update

This commit is contained in:
Er2 2022-04-10 20:05:22 +03:00
parent 0973c5e995
commit 58c34af4e2
4 changed files with 118 additions and 26 deletions

View file

@ -62,8 +62,8 @@ div[class^="chat-"]
// Acrylic
.acrylic {
--acrylic-blur: @round;
--acrylic-color: var(--background-floating);
--acrylic-opacity: 0.5;
--acrylic-color: var(--background-secondary-alt);
--acrylic-opacity: 50%;
&, & > *, div[class^="body"] {
background: unset;
@ -97,6 +97,7 @@ div[class^="layers-"] {
& > div[class^="layer"]:not([class*="baseLayer"]) {
div[class*="View-"] {
--acrylic-color: var(--background-primary);
--acrylic-opacity: 80%;
}
&, & > div[class*="View-"], div[class*="scroller"] {
background: unset;
@ -104,6 +105,8 @@ div[class^="layers-"] {
}
}
div[class^="header-"],
div[class^="title"],
div[class^="channelTextArea-"],
div[class^="quickswitcher-"] div[class^="scroll"],
div[class^="focusLock-"] > div,

View file

@ -56,9 +56,11 @@ div[aria-controls="game-activity-tab"],
div[aria-controls^="hypesquad"],
div[aria-controls="stickers-tab"],
{
display: none;
}
div[aria-controls="analytics-tab"],
div[aria-controls="partner-tab"],
{ &:extend(.hide); }
.horiz-tab(@cols: 2) {
@gap: @div-width * 2;
@ -66,18 +68,21 @@ div[aria-controls="stickers-tab"],
display: flex;
flex-flow: row wrap;
column-gap: @gap;
row-gap: @gap / 2;
& > * {
width: @el-width;
}
div[class^="divider"]:empty {
display: none;
}
}
#my-account-tab > div {
.horiz-tab();
div[class^="divider"]
{ display: none; }
& > div:first-child {
width: 50%;
}
& > div:nth-child(3) {
width: calc(50% - @gap);
}
}
#profile-customization-tab div[class^="children"]
@ -93,14 +98,10 @@ div[class^="baseLayout-"] {
}
div[class^="bioTextArea-"] {
height: 25vh;
height: 30vh;
}
}
[class^="optionBox-"]:nth-child(2) {
display: none;
}
#connections-tab div[class^="children-"] {
flex-direction: row;
div[class^="accountList-"] {
@ -119,13 +120,6 @@ div[class^="baseLayout-"] {
width: 100%;
}
div[class^="marginTop8-"], div[class^="marginTop20-"] {
width: @el-width;
div[class^="divider-"]
{ display: none; }
}
div[class^="marginTop20-"] > div[class^="slider-"] {
margin-top: 28px;
}
@ -166,16 +160,12 @@ div[class^="accountProfileCard-"] {
#language-tab div[class^="children-"] {
div div > div[role="radiogroup"] {
.horiz-tab(3);
& > div {
width: @el-width;
}
}
}
#streamer-mode-tab div[class^="children-"] {
.horiz-tab();
& > * {
width: @el-width;
&:nth-child(1),
&:nth-child(2)
{ width: 100%; }
@ -183,3 +173,81 @@ div[class^="accountProfileCard-"] {
{ display: none; }
}
}
// Server settings
#overview-tab div[class^="children-"] > div {
&:nth-child(3) {
.horiz-tab();
& > :nth-child(1),
& > :nth-child(2)
{ width: 100%; }
& > :nth-child(3)
{ display: none; }
}
&:nth-child(4) > div > div:last-child {
.horiz-tab();
}
&:nth-child(5) > div > div:last-child {
.horiz-tab(3);
& > * {
padding: 0;
margin: 0;
border: none;
}
& > div:first-child div[class^="flexChild-"] {
display: none;
}
}
}
#moderation-tab div[class^="children-"] {
div[role="radiogroup"] {
.horiz-tab();
}
}
div[data-list-id="audit-log"] {
.horiz-tab();
& > * {
height: min-content;
}
}
#integrations-tab > div:nth-child(2) {
.horiz-tab();
button[class^="createButton-"],
[class^="sectionHeader-"],
& > div:first-child {
width: 100%;
margin-bottom: @div-width * 3;
}
}
#widget-tab div[class^="children-"] {
&, & > div[class^="infoWrapper-"] {
.horiz-tab();
row-gap: @gap * 2;
}
img[class^="infoItem-"]
{ display: none; }
div[class^="infoItem-"],
& > div:first-child,
& > div:last-child {
width: 100%;
flex-basis: unset;
}
}
#discovery-tab > div[class^="container-"] {
.horiz-tab();
span[class*="Button"] {
align-self: start;
}
}

View file

@ -142,6 +142,7 @@ div[class^="channelTextArea-"] {
div[class^="focusLock-"] > div,
div[class^="channelHeader-"],
div[class^="layers-"] > div[class^="layer-"] div[class*="View-"],
div[class*="stickyHeader-"],
{
&:extend(.acrylic all);
}

View file

@ -30,6 +30,26 @@ div[class^="tabBarItem-"] {
}
}
// slider
div[class^="container-"] {
&[class*="disabled-"] {
cursor: not-allowed;
}
svg[class^="slider-"] {
width: 16px !important;
height: 16px !important;
border-radius: 50%;
margin: 4px 8px;
margin-right: 0;
background-color: white;
> * {
display: none;
}
}
}
div[class^="radioBar-"] {
border: none;
}