From 1bd38c354f5d7a0dc8abec4cc36ebde0cb68d5a0 Mon Sep 17 00:00:00 2001
From: florent <flavelle@neogeo.fr>
Date: Tue, 2 Aug 2022 12:38:27 +0200
Subject: [PATCH] fix responsive style on user projects list
---
src/components/Account/UserProjectsList.vue | 35 +++++++++++++++++++--
1 file changed, 32 insertions(+), 3 deletions(-)
diff --git a/src/components/Account/UserProjectsList.vue b/src/components/Account/UserProjectsList.vue
index 3d7302a1..4e26440a 100644
--- a/src/components/Account/UserProjectsList.vue
+++ b/src/components/Account/UserProjectsList.vue
@@ -47,11 +47,11 @@
<div class="description">
<p>{{ project.description }}</p>
</div>
- <div class="meta">
+ <div class="meta top">
<span
class="right floated"
>
- Projet {{ project.moderation ? "" : "non" }} modéré
+ <strong>Projet {{ project.moderation ? "" : "non" }} modéré</strong>
</span>
<span>
Niveau d'autorisation requis : {{ project.access_level_pub_feature }}
@@ -228,6 +228,12 @@ export default {
}
}
+.description {
+ p {
+ text-align: justify;
+ }
+}
+
@media only screen and (min-width: 767px) {
.item-content-wrapper {
align-items: flex-start;
@@ -235,6 +241,12 @@ export default {
.middle.aligned.content {
width: 100%;
padding: 0 0 0 1.5em;
+
+ .meta.top {
+ span {
+ line-height: 1.2em;
+ }
+ }
}
}
}
@@ -244,8 +256,25 @@ export default {
align-items: center;
.middle.aligned.content {
- width: 70%;
+ width: 80%;
padding: 1.5em 0 0;
+
+ .meta.top {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: center;
+
+ .right.floated {
+ float: none !important;
+ margin-left: 0 !important;
+ margin-bottom: 0.5em;
+ }
+
+ span {
+ margin: 0.15em 0;
+ }
+ }
}
}
}
--
GitLab