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

Started work on userlist profile tooltips and context menus.

Browse source
This commit is contained in:
rainbow napkin 2025-01-07 01:42:54 -05:00
parent 9df7f52e9e
commit 9a8def18d7
16 changed files with 372 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

2
www/css/channel.css
View file

@ -187,6 +187,7 @@ p.panel-head-element{
span.user-entry{
display: flex;
margin-bottom: 0.1em;
cursor: pointer;
}
.user-entry{
@ -238,6 +239,7 @@ span.user-entry{
left: 0;
overflow-y: auto;
scrollbar-width: thin;
width: 75%;
}
#cpanel-pinned-div{

17
www/css/global.css
View file

@ -161,8 +161,25 @@ div.tooltip{
min-width: 1em;
min-height: 1em;
padding: 0.5em;
z-index: 20;
}
p.tooltip, h3.tooltip{
margin: 0 auto;
}
/* context menu */
.context-menu{
display: flex;
flex-direction: column;
align-items: stretch;
}
.context-menu h2{
margin: 0;
text-align: center;
}
.context-menu button{
margin: 0.05em 0;
}

47
www/css/panel/profile.css Normal file
View file

@ -0,0 +1,47 @@
/*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/>.*/
#profile-panel{
display: flex;
flex-direction: column;
}
.panel.profile-link{
text-align: right;
}
.panel.profile-name{
text-align: center;
}
.panel.profile-img{
margin: 0 2em;
max-height: 20em;
object-fit: contain;
}
p.panel{
margin: 0.2em 2em;
text-wrap: nowrap;
}
.panel.profile-bio-label{
margin-bottom: 0;
}
.panel.profile-bio{
margin-top: 0;
text-wrap: wrap;
}

38
www/css/tooltip/profile.css Normal file
View file

@ -0,0 +1,38 @@
/*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/>.*/
div.tooltip{
display: flex;
flex-direction: column;
align-items: center;
}
.tooltip .profile-img{
max-width: 6em;
max-height: 6em;
object-fit: contain;
}
.tooltip .profile-name{
text-align: center;
margin: 0;
text-wrap: nowrap;
}
.tooltip p{
text-align: left;
width: 100%;
text-wrap: nowrap;
}