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

Fixed ids to kebab-case

Browse source
This commit is contained in:
ericb 2025-01-07 14:08:22 +01:00
parent 3b0f86e337
commit 898f6c28f7
12 changed files with 108 additions and 146 deletions
Download patch file Download diff file Expand all files Collapse all files

57
static/css/main.css
View file

@ -55,7 +55,7 @@ h1, h2, h3, h4, h5{
.navbar-brand img{
height: calc(var(--top-bar) - 1.5em);
}
#mainNav, .offcanvas-backdrop{
#main-nav, .offcanvas-backdrop{
top: var(--top-bar);
}
.offcanvas-header, .offcanvas-body{
@ -155,18 +155,18 @@ h1, h2, h3, h4, h5{
#profile label{
font-weight: 700;
}
#userVisibility{
#user-visibility{
margin-left: auto;
}
#userProfileActivation, #userVisibilityExtend{
#user-profile-activation, #user-visibility-extend{
display: flex;
align-items: center;
}
#userProfileActivation{
#user-profile-activation{
/* padding: 1.5em;
background-color: var(--accent-light); */
}
#userProfileInfos label{
#user-profile-infos label{
min-width: 6em;
}
.form-check.form-switch{
@ -185,32 +185,32 @@ h1, h2, h3, h4, h5{
.form-switch + a[data-bs-toggle="tooltip"]{
margin-left: 0.25rem;
}
#tandemMeet .col{
#tandem-meet .col{
text-align: center;
padding: 1.5rem;
transition: all ease-out 0.3s;
}
#tandemMeet .col img{
#tandem-meet .col img{
margin-bottom: 1rem;
}
#tandemMeet .col label{
#tandem-meet .col label{
font-weight: initial;
}
#tandemExplanations{
#tandem-explanations{
padding-top: 5rem;
padding-bottom: 5rem;
background-color: var(--background-wrapper);
}
#tandemExplanations header{
#tandem-explanations header{
display: grid;
justify-items: center;
text-align: center;
padding: 0 3rem;
}
#tandemExplanations header p{
#tandem-explanations header p{
color: rgb(100,100,100);
}
#tandemExplanations article{
#tandem-explanations article{
display: grid;
justify-items: center;
margin-top: 2rem;
@ -218,7 +218,7 @@ h1, h2, h3, h4, h5{
background-color: var(--accent-light);
padding: var(--div-padding);
}
#tandemMethod{
#tandem-method{
background-image: linear-gradient(to right bottom, rgb(242,135,5), rgb(246,150,2), rgb(249,165,2), rgb(251,180,9), rgb(253,155,20));
}
.bottom-anchored{
@ -267,7 +267,7 @@ article li:not(:first-of-type){
border: 2px solid white;
border-radius: 50%;
}
.profile .label, #signalModal label{
.profile .label, #signal-modal label{
font-weight: 700;
}
.user-description{
@ -279,12 +279,12 @@ article li:not(:first-of-type){
display: flex;
gap: 1rem;
}
#avatarContainer{
#avatar-container{
align-items: center;
}
/* invitations */
#invitationsResults ul{
#invitations-results ul{
padding-left: 0;
margin-bottom: 0
}
@ -318,24 +318,24 @@ article li:not(:first-of-type){
}
/* documents */
#documentsResults ul{
#documents-results ul{
padding-left: 0;
margin-bottom: 0;
}
#documentsResults ul li{
#documents-results ul li{
list-style-type: none;
}
/* search filters */
#searchFilters{
#search-filters{
border: 1px solid white;
background-color: rgba(255,255,255,.5);
margin-top: 0.5rem;
}
#searchFilters form{
#search-filters form{
padding: calc(var(--div-padding) / 3);
}
#advancedFilters{
#advanced-filters{
align-self: flex-end;
}
@ -405,10 +405,10 @@ label[for="lang"]{
font-size: 0.9em;
margin-bottom: 0.25rem;
}
#searchFilters label{
#search-filters label{
font-weight: 600;
}
#tandemList > .row{
#tandem-list > .row{
justify-content: space-between;
gap: .5rem;
}
@ -472,6 +472,9 @@ sup.emphasis{
width: 100%;
text-align: center;
}
.modal-body, .modal-footer{
padding: 1em calc(var(--div-padding) / 2);
}
/* footer */
footer{
@ -575,7 +578,7 @@ nav .icon-ui{
h1, h2, h3, h4{
text-align: center;
}
#avatarContainer{
#avatar-container{
text-align: center;
}
.profile-options, .invitation-options{
@ -664,7 +667,7 @@ nav .icon-ui{
.partners-logo-grid{
grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
}
div:not(#userLanguage) h1, div:not(#userLanguage) h2, div:not(#userLanguage) h3, div:not(#userLanguage) h4{
div:not(#user-language) h1, div:not(#user-language) h2, div:not(#user-language) h3, div:not(#user-language) h4{
text-align: left;
}
}
@ -689,12 +692,12 @@ nav .icon-ui{
color: var(--bs-link-color);
background-color: transparent;
}
#tandemMeet .col:hover{
#tandem-meet .col:hover{
background-color: var(--accent-light);
border-radius: 0.5rem;
transition: all ease-out 0.3s;
}
#tandemMeet .col:hover .form-check-input{
#tandem-meet .col:hover .form-check-input{
--bs-border-color: var(--primary);
}
.side-menu .nav-link:not(.active):hover{

2
static/js/js.js
View file

@ -14,7 +14,7 @@ const updateMeet = () => {
const meetOption1 = document.getElementById('userMeetOptionReal'),
meetOption2 = document.getElementById('userMeetOptionVirtual'),
meetOption3 = document.getElementById('userMeetOptionHybrid'),
meetLocation = document.getElementById('userTandemMeetLocation');
meetLocation = document.getElementById('usertandem-meetLocation');
if (meetLocation) {
meetLocation.style.display = (meetOption1?.checked || meetOption3?.checked) ? 'block' : 'none';
[meetOption1, meetOption2, meetOption3].forEach(option => {