Browse Source

#2095 Révision de la page corpus

bach 10 months ago
parent
commit
e79759237b
2 changed files with 64 additions and 7 deletions
  1. 61 1
      assets/css/app.scss
  2. 3 6
      src/pages/ListCorpus.vue

+ 61 - 1
assets/css/app.scss

@@ -207,7 +207,67 @@ section[role="main-content"]{
       }
 
     }
+    &#list-corpus{
+      >section>.wrapper>ul{
+        >li{
+          margin-bottom: $base-line*2;
+          >header{
+            margin-bottom: 0;
+            h2,h3,h4{
+              display: inline-block;
+              margin: 0;
+              margin-bottom: $base-line/2;
+            }
+          }
+          section.notice{
+            p{
+              margin-top:0;
+              font-size: 1.134em;
+              line-height: $base-line * 0.7;
+              // margin-bottom: $base-line * 0.7;
+            }
+            margin-bottom: $base-line/2;
+          }
+          section.editions{
+            h4{
+              font-size: 1em;
+              line-height: $base-line * 0.8;
+              // margin-bottom: $base-line / 2;
+            }
+          }
+          section.texts {
+            >h4{
+              font-size: 1em;
+              line-height: $base-line * 0.5;
+              margin-bottom: $base-line / 2;
+            }
+            ul.texts-list{
+              padding-left: 1em;
+              >li{
+                list-style: circle;
+                h3{
+                  @include title1blue;
+                  font-size: 1.512em;
+                  line-height: $base-line * 0.5;
+                  margin-bottom: $base-line * 0.5;
+                }
+                p{
+                  font-size: 1em;
+                  @include fontserif;
+                  font-weight: 300;
+                  margin-top:0;
+                  font-size: 1em;
+                  line-height: $base-line * 0.5;
+                  margin-bottom: $base-line / 2;
+                }
 
+                margin-bottom: $base-line;
+              }
+            }
+          }
+        }
+      }
+    }
     article.item{
       // margin: 2em 0 0;
 
@@ -224,7 +284,7 @@ section[role="main-content"]{
           }
         }
       } 
-    }
+    } 
     &:not(#list-corpus){
       ul.item-list{
         li{

+ 3 - 6
src/pages/ListCorpus.vue

@@ -10,18 +10,15 @@
         <header>
           <h2>{{ corpus.author.title }}</h2>
           <h3>{{ corpus.author.date }}</h3>
-          <section class="notice" v-html="corpus.author.note" />
-        </header>
-        <section class="editions">
           <h4 class="editions-quantity">
             {{ corpus.author.editionsQuantity.quantity }} {{ corpus.author.editionsQuantity.unit }}
           </h4>
-          <!-- <div v-if="corpus.author.editions" class="editions" v-html="corpus.author.editions"/> -->
-        </section>
+          <section v-if="corpus.author.note" class="notice" v-html="corpus.author.note" />
+        </header>
         <section class="texts">
           <h4 class="texts-quantity">
             {{ corpus.author.textsQuantity.quantity }}
-            {{ corpus.author.textsQuantity.unit }}
+            {{ corpus.author.textsQuantity.unit }} :
           </h4>
           <ul class="texts-list">
             <li v-for="text in corpus.editions.content" :key="text.uuid">