decidim-decidim_awesome 0.7.2 → 0.8.0

data/app/{assets → packs}/stylesheets/decidim/decidim_awesome/admin/custom_fields.scss

@@ -1,24 +1,51 @@
 // hide custom-fields inside tabs, an extra (unique) container is used instead
+.color-box {
+  display: inline-block;
+  height: 1em;
+  width: 1em;
+  margin-left: 1em;
+  vertical-align: middle;
+
+  &:first-child {
+    margin-left: 0;
+  }
+  $colors: (
+    "primary": #{$primary},
+    "secondary": #{$secondary},
+    "success": #{$success},
+    "warning": #{$warning},
+    "alert": #{$alert},
+    "highlight": #{$highlight},
+    "highlight_alternative": #{$highlight_alternative}
+  );
+
+  @each $name, $color in $colors {
+    &.#{$name} {
+      background-color: #{$color};
+    }
+  }
+}
+
 .tabs-content {
   .proposal_custom_field {
     display: none;
   }
 }
 
-.proposal_custom_fields{
-  &_editor{
+.proposal_custom_fields {
+  &_editor {
     background-color: #e0e0e0;
     padding: .5em .5em 1em;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
 
-    label{
+    label {
       display: inline-block;
       max-width: 100%;
       font-weight: 600 !important;
     }
 
-    li[type]{
+    li[type] {
       display: inherit;
       width: 100%;
       height: inherit;
@@ -31,17 +58,17 @@
       color: inherit;
     }
 
-    .form-group{
+    .form-group {
       background-color: inherit;
       margin: 0;
       padding: 0;
     }
 
-    .form-wrap.form-builder .form-group{
+    .form-wrap.form-builder .form-group {
       margin-bottom: 10px !important;
     }
 
-    .form-control{
+    .form-control {
       color: #555;
       background-color: #fff;
       border: 1px solid #ccc;
@@ -52,8 +79,8 @@
     }
   }
 
-  &_container{
-    .constraints-editor{
+  &_container {
+    .constraints-editor {
       border-top-left-radius: 0;
       border-top-right-radius: 0;
     }
@@ -61,6 +88,6 @@
 }
 
 // Custom fields tunning
-.rendered-form .form-control.ql-container{
+.rendered-form .form-control.ql-container {
   height: auto !important;
 }

data/app/packs/stylesheets/decidim/decidim_awesome/admin/user_picker.scss

@@ -0,0 +1,41 @@
+@import "select2/dist/css/select2.css";
+@import "stylesheets/vendor/select2-foundation-theme";
+
+.multiusers-select-container {
+  form label {
+    margin-bottom: 1rem;
+  }
+
+  .switch-paddle {
+    display: inline-block;
+    vertical-align: middle;
+    margin-right: 1em;
+  }
+}
+
+.select2-container--foundation .select2-selection--multiple {
+  .select2-selection__choice {
+    display: inline-block;
+    float: none;
+    font-weight: normal;
+
+    .is-admin {
+      &::before {
+        content: '⛔';
+        display: inline-block;
+        margin-right: .3em;
+      }
+
+      text-decoration: line-through;
+      color: #bbb;
+    }
+  }
+
+  textarea.select2-search__field {
+    resize: none;
+  }
+}
+
+.form-conversations-submit {
+  margin-top: 2rem;
+}

data/app/packs/stylesheets/decidim/decidim_awesome/awesome_admin.scss

@@ -0,0 +1,71 @@
+@import "entrypoints/decidim_admin";
+@import "stylesheets/decidim/decidim_awesome/admin/constraints";
+@import "stylesheets/decidim/decidim_awesome/admin/custom_fields";
+@import "stylesheets/decidim/decidim_awesome/admin/auto_edits";
+@import "stylesheets/decidim/decidim_awesome/admin/check_redirections";
+@import "stylesheets/decidim/decidim_awesome/editors/markdown_editor";
+@import "stylesheets/decidim/decidim_awesome/editors/quill_editor";
+
+.platoniq-credits {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  margin: 1em;
+  font-size: .8em;
+}
+
+.decidim_awesome {
+  &.modal {
+    .spinner {
+      @include spinner(25px, #aaa, var(--secondary), 800ms);
+
+      vertical-align: middle;
+      display: none;
+    }
+
+    &.loading {
+      .spinner {
+        display: inline-block;
+      }
+    }
+  }
+
+  &-form {
+    margin-bottom: 2em;
+    border-bottom: 1px solid #999;
+    padding-bottom: 1.5em;
+
+    .help-text {
+      white-space: pre-line;
+    }
+  }
+
+  &-form:last-child {
+    border-bottom: none;
+    padding-bottom: 0;
+  }
+}
+
+// Some global fixes
+.form label {
+  .help-text {
+    display: block;
+    margin-top: -1.5em;
+    font-weight: normal;
+    margin-bottom: 1.5em;
+  }
+}
+
+.form-input-extra-before ~ .form-error {
+  margin-top: -2.5rem;
+}
+
+tbody tr.menu_hack-addition {
+  background: rgb(255, 248, 222);
+}
+
+.secondary-nav {
+  li .icon {
+    margin-right: .5rem;
+  }
+}

data/app/packs/stylesheets/decidim/decidim_awesome/awesome_application.scss

@@ -0,0 +1,19 @@
+@import "codemirror/lib/codemirror"; // used by inscribemde
+@import "stylesheets/decidim/decidim_awesome/editors/markdown_editor";
+@import "stylesheets/decidim/decidim_awesome/editors/quill_editor";
+@import "stylesheets/decidim/decidim_awesome/forms/autosave";
+
+.decidim_awesome-custom_fields {
+  dd {
+    >div:last-child {
+      margin-bottom: 1rem;
+    }
+
+    &[name="textarea"] {
+      >div > p {
+        margin-top: 1rem;
+        margin-bottom: 0;
+      }
+    }
+  }
+}

data/app/{assets → packs}/stylesheets/decidim/decidim_awesome/awesome_iframe/iframe.scss

@@ -1,8 +1,8 @@
-.wrapper{
-  .awesome-iframe{
+.wrapper {
+  .awesome-iframe {
     margin: 0 auto;
 
-    iframe{
+    iframe {
       display: block;
       margin: auto;
     }

data/app/packs/stylesheets/decidim/decidim_awesome/awesome_map/map.scss

@@ -0,0 +1,176 @@
+// Increase z-index for components menu otherwise map hides menu extensions
+.dropdown-pane {
+  z-index: 1000;
+}
+// Override padding in this component
+.wrapper {
+  padding: 0;
+
+  .callout.announcement {
+    margin-top: 2rem;
+  }
+
+  .google-map {
+    margin-bottom: 0;
+  }
+}
+
+#awesome-map {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  // .leaflet-marker-icon.svg-icon svg path{
+  //   filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
+  // }
+
+  .loading-spinner {
+    z-index: 10000;
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+
+  .leaflet-container {
+    font: inherit;
+
+    #bodyContent .description {
+      img,
+      iframe {
+        max-height: 5em;
+      }
+    }
+  }
+
+  .leaflet-control-layers-list {
+    hr {
+      margin: .5em 0;
+    }
+
+    b {
+      margin: 1em 0;
+      display: block;
+    }
+
+    label {
+      line-height: 1;
+      font-size: .8rem;
+      margin: 0 0 .5em;
+
+      i {
+        display: inline-block;
+        width: .8rem;
+        height: .8rem;
+        background-color: var(--primary);
+      }
+    }
+
+    input {
+      margin: 0;
+    }
+  }
+
+  .map-legend {
+    background: rgba(255, 255, 255, .8);
+    padding: 1em;
+    border: 2px solid #bbb;
+    border-radius: 4px;
+  }
+
+  .awesome_map-title-control {
+    display: block;
+    cursor: pointer;
+
+    &::after {
+      content: '';
+      width: 0;
+      height: 0;
+      border-left: 5px solid transparent;
+      border-right: 5px solid transparent;
+      border-top: 5px solid black;
+      border-bottom: 0;
+      display: inline-block;
+      margin: 0 0 2px 5px;
+    }
+  }
+
+  .active {
+    .awesome_map-title-control::after {
+      border-top: 0;
+      border-bottom: 5px solid black;
+    }
+  }
+}
+
+#awesome_map- {
+  &categories-control {
+    display: none;
+
+    label {
+      margin-left: 0;
+      display: none;
+
+      i {
+        margin-left: .5em;
+        display: inline-block;
+        width: .8rem;
+        height: .8rem;
+        border-radius: 50%;
+        background-color: var(-- primary);
+      }
+
+      &.subcategory {
+        padding-left: 1em;
+      }
+    }
+
+    .categories-container {
+      display: none;
+    }
+
+    &.active {
+      .categories-container {
+        display: block;
+      }
+    }
+  }
+
+  &hashtags-control {
+    display: none;
+
+    label {
+      display: inline-block;
+      line-height: 1;
+      background-color: #f0f0f0;
+      border-radius: 5px;
+      margin: .5rem;
+      padding: .5rem;
+
+      span {
+        margin: 0 .5rem 2px 0;
+      }
+
+      input {
+        vertical-align: top;
+      }
+    }
+
+    .awesome_map-toggle_all_tags {
+      margin: .5rem 1rem;
+      font-size: .875rem;
+    }
+
+    .hashtags-container,
+    .awesome_map-toggle_all_tags {
+      display: none;
+    }
+
+    &.active {
+      .hashtags-container,
+      .awesome_map-toggle_all_tags {
+        display: block;
+      }
+    }
+  }
+}

data/app/{assets → packs}/stylesheets/decidim/decidim_awesome/editors/markdown_editor.scss

@@ -1,16 +1,18 @@
+@import "inscrybmde/src/css/inscrybmde";
+
 // editor tweaks
 //
-.editor .CodeMirror{
+.editor .CodeMirror {
   color: #333;
   font-weight: normal;
   line-height: 1.45;
 
-  code{
+  code {
     border: none;
   }
 
-  .CodeMirror-code{
-    span{
+  .CodeMirror-code {
+    span {
       color: #333 !important;
     }
   }

data/app/packs/stylesheets/decidim/decidim_awesome/editors/quill_editor.scss

@@ -0,0 +1,58 @@
+@import "stylesheets/decidim/variables";
+@import "stylesheets/decidim/utils/settings";
+@import "stylesheets/decidim/utils/mixins";
+
+.editor-loading {
+  &::before {
+    @include spinner(25px, $medium-gray, var(--primary), 800ms);
+
+    float: right;
+    content: "";
+    vertical-align: middle;
+  }
+}
+// some fix for the admin
+.form-group {
+  .ql-container {
+    background-color: white;
+  }
+}
+
+// some fix for the public part
+.editor-container {
+  overflow: hidden;
+}
+
+.editor.hashtags__container {
+  >p.help-text {
+    margin-top: -1rem;
+    margin-bottom: 1.5rem;
+  }
+}
+
+// For quill editors in custom fields
+.form-control[type="richtext"] {
+  >p.help-text {
+    margin-top: .2rem !important;
+  }
+
+  .ql-snow.ql-toolbar {
+    button {
+      width: 22px;
+      margin: 1px 0;
+    }
+
+    + .ql-container.ql-snow {
+      border-radius: 0;
+    }
+  }
+}
+
+.proposal_custom_fields_editor {
+  .form-wrap.form-builder {
+    .form-group > .form-control[type="richtext"] {
+      padding: 0;
+      border: none;
+    }
+  }
+}

data/app/{assets → packs}/stylesheets/decidim/decidim_awesome/forms/autosave.scss

@@ -1,4 +1,4 @@
-.awesome_autosave-notice{
+.awesome_autosave-notice {
   background-color: rgba(var(--success-rgb), .8);
   position: fixed;
   top: 0;
@@ -11,7 +11,7 @@
   color: white;
   z-index: 1000;
 
-  &.error{
+  &.error {
     background-color: rgba(var(--alert-rgb), .8);
   }
 }