Liste de personnes (#1974)

* wip

* wip

* better

* spaces

* Un bon gros rangement !

app/assets/config/manifest.js

@@ -3,6 +3,4 @@
 //= link_tree ../fonts
 //= link_directory ../stylesheets .css
 //= link_directory ../javascripts .js
-//= link_directory ../stylesheets/admin .css
-//= link_directory ../javascripts/admin .js
 //= link vue.js

app/assets/javascripts/admin/pure.js → app/assets/javascripts/admin.js

@@ -16,10 +16,10 @@
 //= require autocomplete-rails
 //= require codemirror/lib/codemirror
 //= require_self
-//= require_tree ./commons
-//= require_tree ../application/plugins
-//= require_tree ./plugins
-//= require_tree ./utils
-//= require ./communication/init
+//= require_tree ./admin/commons
+//= require_tree ./application/plugins
+//= require_tree ./admin/plugins
+//= require_tree ./admin/utils
+//= require admin/communication/init
 
 window.osuny = {};

app/assets/stylesheets/admin/pure.sass → app/assets/stylesheets/admin.sass

-@import 'pure/utils'
-@import 'pure/fonts'
-@import 'pure/variables'
-@import 'pure/mixins'
-@import 'pure/grid'
+// Configuration
+@import 'admin/functions'
+@import 'admin/variables'
+
+// Vendors
 @import 'bootstrap'
 @import 'bootstrap-icons/font/bootstrap-icons'
 @import 'font-awesome'
@@ -12,9 +12,11 @@
 @import 'summernote-bs5'
 @import 'cropperjs/dist/cropper'
 @import 'codemirror/lib/codemirror'
-@import '../commons/*'
+
+// Commons
 @import 'commons/*'
-@import 'pure/buttons'
-@import 'pure/navigation'
-@import 'pure/style'
-@import 'pure/summernote'
+
+// Admin
+@import 'admin/design-system/*'
+@import 'admin/components/*'
+@import 'admin/dependencies/*'
\ No newline at end of file

app/assets/stylesheets/admin/pure/utils.sass → app/assets/stylesheets/admin/_functions.sass

-@function px2rem($size)
+@function pxToRem($size)
     $remSize: $size / 16
     @return #{$remSize}rem
\ No newline at end of file

app/assets/stylesheets/admin/pure/variables.sass → app/assets/stylesheets/admin/_variables.sass

 $color-bg: #FFFCF0
+$color-white: #FFFFFF
 
 // MAIN COLORS
 $color-accent: #0038FF
@@ -13,13 +14,13 @@ $color-commands: transparentize($color-background-alt, 0.1)
 $color-valid: #BEDABE
 
 // Spacing
-$spacing0: px2rem(12)
-$spacing1: px2rem(24)
-$spacing2: px2rem(48)
-$spacing3: px2rem(64)
-$spacing4: px2rem(128)
-$spacing5: px2rem(256)
-$spacing-section-y: px2rem(36)
+$spacing0: pxToRem(12)
+$spacing1: pxToRem(24)
+$spacing2: pxToRem(48)
+$spacing3: pxToRem(64)
+$spacing4: pxToRem(128)
+$spacing5: pxToRem(256)
+$spacing-section-y: pxToRem(36)
 
 // Bootstrap
 
@@ -29,25 +30,21 @@ $color-background-alt: #F5F5F5
 $font-family-serif: "Adelphe", serif
 $font-family-sans-serif: "InclusiveSans", sans-serif
 
-// //
-// $form-font-size: px2rem(16)
-// $form-font
-
-$border-radius: 2px
+$border-radius: 3px
 $border-radius-sm: $border-radius
 $border-radius-lg: $border-radius
 $border-radius-xl: $border-radius
 $border-radius-2xl: $border-radius
 
 $card-border-width: 0
-$card-cap-bg: $color-background-alt
+$card-cap-bg: $color-background
 $card-cap-padding-y: $spacing0
-$card-bg: $color-background-alt
+$card-bg: $color-white
 
 $transition-collapse: height 0
 
-$h2-font-size: px2rem(20)
-$h5-font-size: px2rem(14)
+$h2-font-size: pxToRem(20)
+$h5-font-size: pxToRem(14)
 
 $table-cell-padding-x: 0
 $table-cell-padding-x-sm: 0
@@ -66,4 +63,7 @@ $list-group-item-padding-x: 0
 $list-group-active-bg: $color-background
 $list-group-active-border-color: $color-accent
 
-$enable-negative-margins: true
\ No newline at end of file
+$enable-negative-margins: true
+
+$grid-gutter-width: 2rem
+

app/assets/stylesheets/admin/commons/style.sass

-.draft
-    td
-        opacity: 0.5
-        &:last-of-type // Buttons
-            opacity: 1
-.handle
-    cursor: move
-
-.a11y
-    &__status
-        &__icon 
-            vertical-align: sub
-
-.img-circle
-    aspect-ratio: 1/1
-    border-radius: 100%
-    object-fit: cover
-    width: 100%
-
-.lead
-    &--example
-        color: #999999
-
-.logo
-    height: auto
\ No newline at end of file

app/assets/stylesheets/admin/components/blocks.sass

+.blocks
+    &__category
+        &__description
+            margin-top: -4px
+.block
+    &__image
+        border: 1px solid $color-border
+        margin-bottom: $spacing0
+    &__title
+        font-size: pxToRem(18)
+        font-weight: bold
+    &__description
+        font-size: pxToRem(14)

app/assets/stylesheets/admin/components/card.sass

+.card
+    box-shadow: 0px 2px 4px 0px rgba(16, 15, 15, 0.05)
+    margin-bottom: $spacing1
+    overflow: hidden
+    transition: box-shadow 0.3s ease-in-out
+    &:hover
+        box-shadow: 4px 6px 8px 0 rgba(16, 15, 15, 0.1)
+    .card-title
+        font-size: pxToRem(18)
+        font-weight: bold
+        small
+            font-weight: normal
+    .table
+        margin-bottom: 0
+        th,
+        td
+            padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x)
+    &.kind--selected
+        background: $color-accent
+        border-color: $color-accent
+        &, p, label
+            color: $color-background
\ No newline at end of file

app/assets/stylesheets/admin/commons/content-editor.sass → app/assets/stylesheets/admin/components/content-editor.sass

@@ -35,7 +35,7 @@
         &__handle
             margin-left: 10px
             .fas
-                font-size: px2rem(13)
+                font-size: pxToRem(13)
             .handle
                 margin-right: 0
         &__preview

app/assets/stylesheets/admin/commons/table.sass → app/assets/stylesheets/admin/components/table.sass

 .table
+    input[type=checkbox]
+        margin-right: 10px
+    th
+        color: $color-text-alt
+        font-size: $form-label-font-size
+        font-weight: normal
     td,
     th
         background: transparent !important
@@ -17,4 +23,4 @@
         width: calc(100% + 25px)
         th:first-of-type,
         td:first-of-type
-            width: 25px
\ No newline at end of file
+            width: 25px