pro/2022_WEBSITE_kosmopolit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

rm les pages inutilises des autres langues et modifie css languages pour aligner les trois

Browse Source
This commit is contained in:
ethylotest
2021-04-07 00:31:52 +02:00
parent f953b16206
commit c1515e51f4
76 changed files with 15 additions and 9653 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
styles/nav.css
View File

@@ -47,7 +47,7 @@ body#body_navbar {
}
/* nav_right is used for actions such as connection, search or language*/
.navbar .nav_right {
margin-right: 2px;
margin-right: 0px;
}
@@ -71,7 +71,11 @@ body#body_navbar {
}
.navbar .nav_right .dropdown .drop {
position: relative;
padding: 0px 20px;
padding: 0px 10px;
}
.navbar .nav_right .dropdown .drop_title {
background-color: var(--color-back-dark);
pointer-events: none;
}
.navbar .nav_right .dropdown .drop_title:focus {
background-color: var(--color-back-base);
@@ -85,17 +89,6 @@ body#body_navbar {
width: auto;
background-color: var(--color-back-base);
flex-direction: row;
display: none;
}
/* create a gaz on the rest of the navbar when language menu drop*/
.navbar .nav_right .dropdown .drop_items::before {
content: "";
position: absolute;
top: 0px;
right: 100%;
width: 100vw;
height: 100%;
background-color: rgba(240,240,240,0.5);
}
/* horizontal space between flag and name*/
.navbar .nav_right .dropdown .drop > * {
@@ -109,10 +102,6 @@ body#body_navbar {
.navbar .nav_right .dropdown .drop p {
font-size: 1.6em;
}
/*the menu appears when focus on an element inside*/
.navbar .nav_right .dropdown:focus-within * {
display: flex;
}
/*a rectangle cover the div when focus, so you can click on it to unfocus*/
.navbar .nav_right .dropdown:focus-within:after {
content: "";
@@ -122,17 +111,9 @@ body#body_navbar {
width: 100%;
height: 100%;
}
/*the little arrow point down*/
.navbar .nav_right .dropdown .drop_title:after {
content: "▼"; /* ▲ */
content: "v";
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
/*the little arrow point up*/
.navbar .nav_right .dropdown .drop_title:focus:after {
transform: rotate(180deg) translateY(20%);
/*inactive language*/
.navbar a.drop.inactive {
pointer-events: none;
filter: grayscale(100%);
}