Started work on userlist profile tooltips and context menus.
This commit is contained in:
parent
9df7f52e9e
commit
9a8def18d7
16 changed files with 372 additions and 22 deletions
|
|
@ -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{
|
||||
|
|
|
|||
|
|
@ -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
47
www/css/panel/profile.css
Normal 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
38
www/css/tooltip/profile.css
Normal 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;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue