changement du pastebin (detail)

mise à jour du SASS

khaganat/templates/npb/paste_detail.html

@@ -10,6 +10,9 @@
 {% block title %}{% trans "Untitled" as untitled %}{{ paste.title|default:untitled }}{% endblock %}
 
 {% block content %}
+
+<div class="column is-light">
+   <article class="tile is-child notification is-white">
 {% if paste.is_suspended %}
 {% else %}
 {% trans "Untitled" as untitled %}
@@ -29,7 +32,12 @@
 {% blocktrans with date=paste.expire_on %}Expires on {{ date }}{% endblocktrans %}
 {% endif %}
 </p>
+   </article>
 
+   <article class="tile is-child notification is-paste">
 {{ paste.formated_content|safe }}
 {% endif %}
+   </article>
+</div>
 {% endblock %}
+

static_extra/bulma/sass/style.sass

@@ -15,6 +15,9 @@ $text-light: #2d1040
 //couleur du fond
 $background: #AFAED6
 
+$success: turquoise
+
+
 // 3. Import the rest of Bulma
 @import "./node_modules/bulma/bulma"
 
@@ -186,6 +189,10 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top
   background-color: $link-hover
   color: white
 
+.button.is-success, .button.is-sucess:hover
+  color: white
+
+
 //footer
 @media screen and (min-width: 1088px)
   .footer
@@ -311,7 +318,9 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top
   background-color: white
   color: $text-light
   padding: 1rem 1rem 1rem 1rem
-  
+  text-align: left
+  max-width: 160ch
+   
 .tile.is-light .title, .tile.is-light a:link
   color: $link
 
@@ -345,40 +354,30 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top
   width: 0rem
   display: block
 
-
-//tile pour le logo
+//tile pour le logo fixe
 @media screen and (min-width: 770px)
-  .tile.is-success
+  .tile.is-fixed
     position: fixed
 
-.tile.is-success 
+.tile.is-fixed 
   background-color: transparent
 
-.tile.is-success .title
+.tile.is-fixed .title
   color: $link
 
+//tile pour le pastebin
+.tile.is-paste
+  overflow: scroll hidden
+  background-color: white
+
 //colonne
-//colonne index
-@media screen and (min-width: 770px)
-  .column.is-primary .image, .column.is-primary .title
-     //position: fixed
-     //top: 50%
-     //left: 0
-
-.column.is-primary, .column.is-primary .image  
-   text-align: center
- 
-.column.is-primary .title
-  color: $link
-
-//colonne pour les pages
-.column.is-success
-  margin: 1rem
-
-.column.is-success .title, .column.is-success .subtitle
+//colonne index et page
+.column.is-primary .title, .column.is-primary .subtitle
   color: $link
   text-align: center
 
+.column.is-primary, .column.is-primary .image  
+   text-align: center
 
 //section retreci
 .section