klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2025-07-13 05:19:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Replaced username to its user profile image

Browse Source
This commit is contained in:
Julien Constant
2023-03-14 13:40:11 +01:00
parent 1a9d495ca7
commit fd24a7c6a7
2 changed files with 32 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
core/static/core/navbar.scss
View File

@ -181,46 +181,43 @@
> .user {
display: flex;
flex-direction: column;
gap: 5px;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 15px;
@media (max-width: 400px) {
@media (max-width: 1200px) {
width: 100%;
flex-direction: row-reverse;
}
> .options,
> .name {
> a {
color: white;
&:hover {
color: #1a78b3;
}
}
}
> .name {
color: white;
max-width: 250px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
@media (max-width: 400px) {
max-width: 100%;
}
&:hover {
color: #1a78b3;
}
> a > img {
width: 40px;
height: 40px;
border-radius: 50%;
}
> .options {
width: 100%;
display: flex;
gap: 20px;
justify-content: flex-end;
flex-direction: column;
gap: 5px;
@media (max-width: 1200px) {
justify-content: flex-start;
flex-direction: row;
gap: 15px;
}
> a {
text-align: right;
color: white;
&:hover {
color: #1a78b3;
}
&:last-child {
color: #eb2f06;
@ -229,10 +226,6 @@
}
}
}
@media (max-width: 1200px) {
justify-content: flex-start;
}
}
}