295 resume retouches

src/Bundle/ChillMainBundle/Resources/public/chill/chillmain.scss

@@ -10,6 +10,9 @@
 // Chill buttons
 @import './scss/buttons';
 
+// Chill badges
+@import './scss/badge';
+
 // Chill forms
 @import './scss/forms';
 
@@ -202,9 +205,9 @@ footer.footer {
    }
 }
 
-
 /*
- *    SPECIFIC RULES
+ *    GENERIC MAIN STYLES
+ *    miscellaneous
  */
 
 /// titles
@@ -280,7 +283,6 @@ div.metadata {
 }
 
 /// chill help tooltip
-
 .chill-help-tooltip {
    &::before {
       content: '\f05a';
@@ -295,7 +297,6 @@ div.metadata {
 
 /// display definition list
 //  with dt and dd on same line
-
 dl.definition-inline {
    dd {
       display: inline;
@@ -317,6 +318,19 @@ dl.definition-inline {
    font-style: italic;
 }
 
+/// flash
+div#flashMessages {
+    margin-top: 20px;
+    .flash-notice {
+        margin-top: 10px;
+        margin-bottom: 10px;
+    }
+}
+
+/*
+ *    SPECIFIC RULES
+ */
+
 //// still used ?
 // move from chillmain.css, converted to sass
 
@@ -369,14 +383,6 @@ div#usefulbar {
    }
 }
 
-div#flashMessages {
-   margin-top: 20px;
-   .flash-notice {
-      margin-top: 10px;
-      margin-bottom: 10px;
-   }
-}
-
 .personName {
    font-variant: small-caps;
    text-transform: capitalize;

src/Bundle/ChillMainBundle/Resources/public/chill/scss/badge.scss

@@ -0,0 +1,54 @@
+
+/// mixin used in this sheet
+@mixin remove_link {
+    cursor: pointer;
+    &:before {
+        font: normal normal normal 14px/1 ForkAwesome;
+        margin-left: 0.5em;
+        content: "\f00d";  // fa-times
+        color: var(--bs-danger);
+        text-decoration: none;
+    }
+}
+
+/*
+*  SUGGESTIONS LIST - A specific list of badges used to manage suggestions (with add/remove link)
+*  /!\ use bootstrap badge styles,
+*      cfr. src/Bundle/ChillMainBundle/Resources/public/module/bootstrap/_custom.scss
+*/
+
+ul.list-suggest {
+    list-style-type: none;
+    padding-left: 0;
+    li > span {
+        white-space: normal;
+        text-align: start;
+        margin-bottom: 3px;
+    }
+    &.add-items {
+        li {
+            cursor: pointer;
+            & > span:before {
+                font: normal normal normal 14px/1 ForkAwesome;
+                margin-right: 0.5em;
+                content: "\f067"; // fa-plus
+                color: var(--bs-success);
+            }
+        }
+    }
+    &.remove-items {
+        li {
+            a {
+                @include remove_link;
+            }
+        }
+    }
+}
+
+/// manage remove link if it isn't a list but a title
+/// (cfr. in Vue AccompanyingCourseWorkEdit)
+div.item-title {
+    a {
+        @include remove_link;
+    }
+}

src/Bundle/ChillMainBundle/Resources/public/module/bootstrap/_custom.scss

@@ -4,3 +4,12 @@
  */
 
 
+/// A specific list of badges, use bootstrap badge styles
+/// cfr. src/Bundle/ChillMainBundle/Resources/public/chill/scss/badge.scss
+ul.list-suggest {
+    li > span {
+        @extend .badge;
+        @extend .bg-primary;
+    }
+}
+