Style les boutons d'action des listes avec une forme plus rectangulaire

Co-authored-by: Étienne Charignon <etienne.charignon@beta.gouv.fr> Co-authored-by: Marine Dominé <marine.domine@beta.gouv.fr>
betagouv · Nov 24, 2020 · 444e546 · 444e546
1 parent 8b66644
commit 444e546
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/app/assets/stylesheets/admin/_tables.scss b/app/assets/stylesheets/admin/_tables.scss
@@ -59,11 +59,10 @@ table.index_table {
         }
         &.col-actions {
           background: image-url('roue-dentee.svg') right 1rem center no-repeat;
-          transition: background-image 0.3s;
 
           .table_actions {
             opacity: 0;
-            transition: opacity 0.3s;
+            transition: opacity 0.2s;
             display: flex;
             justify-content: flex-end;
 
@@ -73,11 +72,12 @@ table.index_table {
               justify-content: center;
               padding: 0.25rem 0.5rem;
               color: $couleur-blanc;
-              margin: 0.2rem;
-              border-radius: 1rem;
+              margin: 0;
               text-decoration: none;
               background-color: $couleur-texte;
               min-width: 3rem;
+              box-sizing: border-box;
+              font-size: .75rem;
 
               &.view_link {
                 background-color: $couleur-legere-accent-validation;
@@ -88,6 +88,14 @@ table.index_table {
               &.delete_link {
                 background-color: $couleur-accent-erreur;
               }
+              &:first-child {
+                border-top-left-radius: 0.25rem;
+                border-bottom-left-radius: 0.25rem;
+              }
+              &:last-child {
+                border-top-right-radius: 0.25rem;
+                border-bottom-right-radius: 0.25rem;
+              }
             }
           }
         }