rainbownapkin/canopy
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

Basic chat UI complete.

Browse source
This commit is contained in:
rainbow napkin 2025-10-01 04:33:24 -04:00
parent f109314163
commit e81a4c0973
11 changed files with 393 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

24
www/css/panel/pm.css
View file

@ -61,8 +61,32 @@ div.pm-panel-sesh-list-entry{
flex-direction: row;
}
div.pm-panel-sesh-list-entry p{
pointer-events: none;
}
div.pm-panel-sesh-list-entry, div.pm-panel-sesh-list-entry p{
margin: 0;
text-wrap: nowrap;
text-align: center;
}
#pm-panel-sesh-buffer span{
display: flex;
flex-direction: row;
margin: 0;
}
.pm-panel-sesh-message-sender, .pm-panel-sesh-message-content{
margin: 0;
font-size: 10pt;
}
#pm-panel-sesh-welcome{
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
height: 100%;
}

27
www/css/popup/startChatSesh.css Normal file
View file

@ -0,0 +1,27 @@
/*Canopy - The next generation of stoner streaming software
Copyright (C) 2024-2025 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/>.*/
#pm-sesh-popup-div{
display: flex;
}
#pm-sesh-popup-div p{
margin: 0;
}
#pm-sesh-popup-sup{
font-size: 0.7em
}

12
www/css/theme/movie-night.css
View file

@ -129,13 +129,13 @@ button{
border-radius: 0.5em;
}
button:hover{
button:hover:not([disabled]){
color: var(--focus0-alt1);
background-color: var(--focus0-alt0);
box-shadow: var(--focus-glow0);
}
button:active{
button:active:not([disabled]){
color: var(--focus0-alt0);
background-color: var(--focus0-alt1);
box-shadow: var(--focus-glow0-alt0);
@ -179,13 +179,13 @@ textarea{
color: var(--accent1);
}
.danger-button:hover, .critical-danger-button, .critical-danger-button:hover{
.danger-button:hover:not([disabled]), .critical-danger-button, .critical-danger-button:hover{
background-color: var(--danger0-alt1);
color: var(--danger0-alt0);
box-shadow: var(--danger-glow0);
}
.critical-danger-button:hover{
.critical-danger-button:hover:not([disabled]){
background-color: var(--danger0-alt2);
}
@ -219,12 +219,12 @@ textarea{
color: white;
}
.positive-button:hover{
.positive-button:hover:not([disabled]){
color: var(--focus0-alt1);
background-color: var(--focus0-alt0);
}
.positive-button:active{
.positive-button:active:not([disabled]){
color: var(--focus0-alt0);
background-color: var(--focus0-alt1);
}