Déplace les actions_items en dessous du breadcrumb

betagouv · Nov 3, 2020 · 71d5b69 · 71d5b69
1 parent 6d16226
commit 71d5b69
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 11 deletions.
diff --git a/app/assets/stylesheets/active_admin.scss b/app/assets/stylesheets/active_admin.scss
@@ -24,7 +24,8 @@
 //   .status_tag { background: #6090DB; }
 
 body {
-	font-family: $font-texte;
+  font-family: $font-texte;
+  background-color: $couleur-blanc;
 }
 
 .evenement-piece {

diff --git a/app/assets/stylesheets/admin/_breadcrumb.scss b/app/assets/stylesheets/admin/_breadcrumb.scss
@@ -1,9 +1,16 @@
 #title_bar {
-  padding: 0.62rem 1.87rem;
-  text-shadow: none;
+  padding: 0;
   border: none;
+  text-shadow: none;
   background-image: none;
-  background-color: $couleur-principale;
+  box-shadow: none;
+  background-color: unset;
+
+  #titlebar_left {
+    display: block;
+    padding: 0.62rem 1.87rem;
+    background-color: $couleur-principale;
+  }
   #page_title {
     font-family: $font-titre;
     font-size: 1.5rem;
@@ -19,16 +26,22 @@
     }
   }
   #titlebar_right {
+    display: block;
+    text-align: left;
+    height: auto;
+    margin: 1rem;
+
     .action_item a {
       margin: 0.2rem 0 0.2rem 1rem;
       padding: 0.51rem 1.87rem;
       font-size: 0.87rem;
       font-weight: normal;
       font-family: $font-texte;
-      color: $couleur-principale;
+      color: $couleur-blanc;
+      background-color: $couleur-principale;
       border: none;
       background-image: none;
-      background-color: #fff;
+      text-shadow: none;
     }
   }
 }
diff --git a/app/assets/stylesheets/restitution_globale/_base.scss b/app/assets/stylesheets/restitution_globale/_base.scss
@@ -8,6 +8,10 @@
   margin-top: 1rem;
 }
 
+#active_admin_content {
+  padding-top: 0;
+}
+
 .admin_restitution_globale {
   $grid-gutter-width: 2rem;
   @import "bootstrap_minimal";
@@ -52,11 +56,6 @@
 
   .header, .title_bar { display: none; }
 
-  #active_admin_content {
-    border-top: none;
-    padding-top: 0;
-  }
-
   .autopositionnement {
     color: $couleur-texte-sombre;