Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

call container #39

Merged
merged 11 commits into from
Oct 26, 2024
Merged

call container #39

Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
ba6fe79
selected text highlight
909oce Oct 22, 2024
76e1c20
call container fixes
909oce Oct 22, 2024
58dd8f8
call container border and such
909oce Oct 22, 2024
778e0e6
fullscreen call left margin fix
909oce Oct 22, 2024
666f2cc
placeholder text fix
909oce Oct 22, 2024
e97361b
change fullscreen margin class selector
909oce Oct 22, 2024
7f44ad6
fix missing comma and add persistence to container
909oce Oct 23, 2024
bc67a96
restructure
909oce Oct 23, 2024
a4f9f68
????????????
909oce Oct 23, 2024
62797c6
add note about broken code
909oce Oct 23, 2024
bbc7c71
remove broken code comment
909oce Oct 23, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
63 changes: 61 additions & 2 deletions src/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -522,7 +522,8 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ {
.container_c75f85::after /* channel list dividers */,
[class^=customizationSection_],
[class^=session_],
[class^=columnHeading_], [class^=tableCell_] {
[class^=columnHeading_],
[class^=tableCell_] {
border-width: var(--border-width);
border-color: var(--border-color);
}
Expand Down Expand Up @@ -876,7 +877,7 @@ html.theme-light {
--brand-600: var(--acc-2); /* accent button active */

--primary-500: var(--bg-2); /* neutral button background */
--primary-800: var(--bg-1); /* bot command panel suggestion argument */
--primary-800: var(--bg-0); /* call background */

--white-500: var(--txt-dark); /* THE BANE OF MY EXISTENCE */

Expand All @@ -893,3 +894,61 @@ html.theme-light {

--twitch: var(--acc-1);
}

/* begin 909 commits */
::placeholder {
color: var(--txt-3)!important;
}
::selection {
color: var(--bg-0);
background: var(--txt-1);
}
[class^=callContainer_] {
overflow: visible;
background: none!important;
overflow-x: hidden;
border-radius: var(--panel-roundness);
border: var(--border-width) solid var(--border-color);
transition: border-color var(--border-transition);
&:hover {
border-color: var(--border-hover-color);
&::after {
color: var(--border-hover-color);
}
}
}
[class^=callContainer_] [class^=topControls_] section {
border: none;
&::after {
content: '';
}
}
[class^='callContainer_']::after {
content: 'call';
display: block;
color: var(--txt-3);
font-weight: var(--label-font-weight);
position: absolute;
top: -8px;
left: 8px;
background-color: var(--bg-0);
padding: 0 4px;
z-index: 100;
transition: color var(--border-transition);
}

.wrapper_fea3ef.hidden_fea3ef {
display: none;
}

[class^=gradientTop_],
[class^=gradientBottom_] {
display: none!important;
}
[class^=topControls_],
[class^=bottomControls_] {
opacity: 1!important;
transform: none!important;
}
/* end 909 commits */