Changeset 3906:67f6a46a8802 for admin/style

Timestamp:

10/23/18 12:10:59 (7 years ago)

Author:

franck <carnet.franck.paul@…>

Branch:

default

Message:

Drag'n'drop of dashboard areas is no more activated by default after 5 seconds. The user must activate (new button) it before moving them.

Location:

admin/style

Files:

• default-dark.css (modified) (3 diffs)
• default.css (modified) (1 diff)
• dragndrop.svg (added)
• scss/partials/_index.scss (modified) (2 diffs)
• scss/themes/_dark.scss (modified) (1 diff)
• scss/themes/_light.scss (modified) (1 diff)

admin/style/default-dark.css

@@ -21 +21 @@
 
 a {
-  background: transparent;
-  }
+  background: transparent; }
   a:focus {
     outline: thin dotted; }
@@ -751 +750 @@
   margin: 0 -1em 1em -1em;
   background: #272b30;
-  border-bottom: 1px solid #86888c;
-  }
+  border-bottom: 1px solid #86888c; }
 
 /* page courante dans le fil d'ariane */
@@ -2231 +2229 @@
     margin: 0.2em 0 0 0; }
 
+#dragndrop {
+  position: absolute;
+  width: 2em;
+  height: 1.5em;
+  -webkit-mask-image: url(dragndrop.svg);
+  mask-image: url(dragndrop.svg); }
+  #dragndrop:before {
+    content: "";
+    display: inline-block;
+    width: 2em;
+    height: 1.5em;
+    background: #86888c; }
+  #dragndrop:checked:before {
+    background: #bee74b; }
+
 #media_img_title_pattern {
   margin-right: 1em; }

admin/style/default.css

@@ -2229 +2229 @@
     margin: 0.2em 0 0 0; }
 
+#dragndrop {
+  position: absolute;
+  width: 2em;
+  height: 1.5em;
+  -webkit-mask-image: url(dragndrop.svg);
+  mask-image: url(dragndrop.svg); }
+  #dragndrop:before {
+    content: "";
+    display: inline-block;
+    width: 2em;
+    height: 1.5em;
+    background: #868686; }
+  #dragndrop:checked:before {
+    background: #137bbb; }
+
 #media_img_title_pattern {
   margin-right: 1em; }

admin/style/scss/partials/_index.scss

@@ -1 +1 @@
 #dashboard-main {
   text-align: center;
-  & > *:last-child {
+  &>*:last-child {
     margin-bottom: 1em;
   }
@@ -141 +141 @@
   }
 }
+// Drag'n'drop of dashboard areas
+#dragndrop {
+  position: absolute;
+  width: 2em;
+  height: 1.5em;
+  -webkit-mask-image: url(dragndrop.svg);
+  mask-image: url(dragndrop.svg);
+  &:before {
+    content: "";
+    display: inline-block;
+    width: 2em;
+    height: 1.5em;
+    background: $drag-n-drop-off;
+  }
+  &:checked:before {
+    background: $drag-n-drop-on;
+  }
+}

admin/style/scss/themes/_dark.scss

@@ -313 +313 @@
 $index-box-border:                tint($gray-dark, 66%);
 
+$drag-n-drop-off:                 $gray-semi-dark;
+$drag-n-drop-on:                  $success;
+
 // - Blog params
 

admin/style/scss/themes/_light.scss

@@ -313 +313 @@
 $index-box-border:                tint($gray-dark, 66%);              // #c5c5c5
 
+$drag-n-drop-off:                 $gray-semi-dark;
+$drag-n-drop-on:                  $blue;
+
 // - Blog params