Finished up work on ignored users management popup in profile page

This commit is contained in:
rainbow napkin 2026-11-08 23:01:02 -05:00
parent 25a61b5809
commit c2bbf0b6f8
8 changed files with 225 additions and 42 deletions

View file

@ -153,7 +153,8 @@ p.navbar-item, input.navbar-item{
bottom: 0;
right: 0;
left: 0;
z-index: 9000;
/*Popup backer has to exist behind popups that are behind default ones for error reasons*/
z-index: 8998;
}
.popup-div{

View file

@ -0,0 +1,38 @@
/*Canopy - The next generation of stoner streaming software
Copyright (C) 2024-2026 Rainbownapkin and the TTN Community
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.*/
/*Gotta keep er' behind the errors*/
.popup-div:has(#ignored-users-popup){
z-index: 8999;
}
#ignored-users-popup-list-div{
padding: 0;
margin-bottom: 1em;
}
.ignored-users-popup-ignored-user {
display: flex;
}
.ignored-users-popup-ignored-user-label {
margin: 0;
}
.ignored-users-popup-ignored-user {
justify-content: space-between;
padding: 0 0.5em;
}

View file

@ -23,6 +23,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.*/
--bg1: rgb(70, 70, 70);
--bg2: rgb(220, 220, 220);
--bg1-alt0: rgb(30, 30, 30);
--bg1-alt1: rgb(10, 10, 10);
--bg2-alt0: rgb(180, 180, 180);
--accent0: rgb(47, 47, 47);
@ -588,6 +589,18 @@ select.panel-head-element{
color: var(--accent1);
}
/*Ignored Users Popup*/
#ignored-users-popup-list-div{
border-radius: 0;
border: 1px solid var(--accent1);
}
.ignored-users-popup-ignored-user:nth-child(even):not(.chat-entry-toke){
box-shadow: 3px 0px 1px var(--bg1-alt1) inset;
background-color: var(--bg1-alt0);
}
/* psa */
#psa-container{
border: 3px solid var(--danger0);

View file

@ -778,6 +778,18 @@ select.panel-head-element{
color: var(--accent1);
}
/*Ignored Users Popup*/
#ignored-users-popup-list-div{
border-radius: 0;
border: 1px solid var(--accent1);
}
.ignored-users-popup-ignored-user:nth-child(even):not(.chat-entry-toke){
box-shadow: 3px 0px 1px var(--bg1) inset;
background-color: var(--bg2-alt0);
}
/* psa */
#psa-container{
border: 3px solid var(--danger0);