mirror of
https://github.com/ae-utbm/sith.git
synced 2024-11-14 10:13:21 +00:00
910a6f8b34
- Les photos de l'onglet de la page utilisateur utilise désormais leur version thumbnail au lieu de leur version HD - Une des classes du CSS du SAS a été renommée car elle empiétait sur une class de la navbar - Le profil utilisateur a été revu pour ajouter plus d'espacement entre le tableau des cotisations et le numéro de cotisants - Les images de forum & blouse sont de nouveau cliquable pour les afficher en grands - Sur mobile, lorsqu'on cliquait sur le premier élément de la navbar, ce dernier avait un overlay avec des angles arrondis - Sur mobile, les utilisateurs avec des images de profils non carrées dépassait dans l'onglet Famille
113 lines
2.1 KiB
SCSS
113 lines
2.1 KiB
SCSS
.container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 10px;
|
|
padding: 10px;
|
|
box-sizing: border-box;
|
|
|
|
> form {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.users {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
list-style-type: none;
|
|
margin: 0;
|
|
gap: 10px
|
|
}
|
|
|
|
.users-card {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 10px;
|
|
width: 150px;
|
|
padding: 10px;
|
|
background-color: rgba(0, 0, 0, .05);
|
|
border-radius: 10px;
|
|
|
|
@media (max-width: 375px) {
|
|
width: 100%;
|
|
}
|
|
|
|
// Django moment
|
|
> div.mini_profile_link {
|
|
position: relative;
|
|
|
|
> a {
|
|
&.mini_profile_link {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 10px;
|
|
|
|
@media (max-width: 375px) {
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
align-items: flex-start;
|
|
max-height: 65px;
|
|
}
|
|
|
|
> span {
|
|
height: 150px;
|
|
width: 100%;
|
|
|
|
@media (max-width: 375px) {
|
|
height: 80px;
|
|
width: 80px;
|
|
}
|
|
|
|
> img {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
height: auto;
|
|
object-fit: contain;
|
|
|
|
@media (max-width: 375px) {
|
|
max-width: 100%;
|
|
max-height: 65px;
|
|
}
|
|
}
|
|
}
|
|
|
|
> em {
|
|
box-sizing: border-box;
|
|
padding: 0 5px;
|
|
text-align: center;
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
|
|
@media (max-width: 375px) {
|
|
margin-top: 10px;
|
|
text-align: left;
|
|
max-width: none;
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
&:last-of-type {
|
|
margin-top: 10px;
|
|
display: block;
|
|
text-align: center;
|
|
color: orangered;
|
|
|
|
@media (max-width: 375px) {
|
|
position: absolute;
|
|
bottom: 0%;
|
|
right: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Django moment
|
|
> a.mini_profile_link {
|
|
display: none;
|
|
}
|
|
} |