eric/e-tandem_UI
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Cosmetic + my tandems template

Browse source
This commit is contained in:
ericb 2025-01-21 14:18:23 +01:00
parent 2dd492cc33
commit 450912aae3
4 changed files with 389 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

30
static/css/main.css
View file

@ -288,34 +288,38 @@ article li:not(:first-of-type){
padding-left: 0;
margin-bottom: 0
}
.invitation{
.invitation, .tandem{
display: flex;
align-items: center;
gap: 2rem;
border-top: 1px dotted var(--bs-gray-400);
padding-top: .75rem;
}
.invitation .user-pseudo{
.invitation .user-pseudo, .tandem .user-pseudo{
margin-bottom: 0.125rem;
}
.invitation:not(:first-of-type){
.invitation:not(:first-of-type), .tandem:not(:first-of-type){
margin-top: .75rem;
}
.invitation .user-avatar img{
.invitation .user-avatar img, .tandem .user-avatar img{
width: 3rem;
height: 3rem;
}
#current-tandems .user-avatar img{
width: 5rem;
height: 5rem;
}
p.date{
font-size: 0.8em;
color: var(--bs-gray-600);
margin-bottom: 0.5rem;
margin: 0.5rem 0;
}
h2.date{
color: var(--bs-gray-600);
border-bottom: 1px solid var(--bs-gray-600);
padding-bottom: 0.5rem;
}
.invitation-options{
.invitation-options, .tandem-options{
margin-left: auto;
align-self: center;
}
@ -462,7 +466,7 @@ table#reports-todo tr:not(:first-of-type) {
border-top: 1px dotted var(--bs-gray-400);
padding-top: .75rem;
}
.report p:not(.date){
.report p:not(.date), .tandem p:not(.date){
margin-bottom: 0;
}
#lang-level-list{
@ -624,10 +628,10 @@ nav .icon-ui{
.profile .user-pseudo{
margin: .5em auto;
}
.invitation{
.invitation, .tandem{
gap: 1rem;
}
.invitation .user-pseudo{
.invitation .user-pseudo, .tandem .user-pseudo{
text-align: left;
}
}
@ -641,13 +645,13 @@ nav .icon-ui{
#avatar-container{
text-align: center;
}
.profile-options, .invitation-options{
.profile-options, .invitation-options, .tandem-options{
display: grid;
gap: 0 .5rem;
width: fit-content;
margin: calc(var(--div-padding) / 3) auto 0;
}
.invitation-options{
.invitation-options, .tandem-options{
margin: 0;
}
.offcanvas .user-avatar{
@ -713,10 +717,10 @@ nav .icon-ui{
.separator.menu-admin > .btn-link{
padding: .725rem 1rem .725rem 0;
}
.invitation-options button span{
.invitation-options button span, .tandem-options button span{
display: none;
}
.invitation-options button .icon-ui{
.invitation-options button .icon-ui, .tandem-options button .icon-ui{
margin: 0;
}
table#reports-todo td, table#reports-todo td:first-child{