From 2b90b725fd496e00e759e867029d1a96b19a8196 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@entrouvert.com>
Date: Sat, 17 Aug 2019 22:49:34 +0200
Subject: [PATCH] add icons for publik studio / cards management (#35089)

---
 gadjo/static/css/_portal.scss |  2 -
 gadjo/static/css/gadjo.scss   | 20 +++++++-
 icons/cards.svg               |  1 +
 icons/data.svg                |  5 ++
 icons/old-set/studio.svg      | 88 +++++++++++++++++++++++++++++++++++
 5 files changed, 113 insertions(+), 3 deletions(-)
 create mode 100644 icons/cards.svg
 create mode 100644 icons/data.svg
 create mode 100644 icons/old-set/studio.svg

diff --git a/gadjo/static/css/_portal.scss b/gadjo/static/css/_portal.scss
index 60ab53e..49ee01e 100644
--- a/gadjo/static/css/_portal.scss
+++ b/gadjo/static/css/_portal.scss
@@ -1,7 +1,5 @@
 @charset "UTF-8";
 
-$cell-border-radius: 3px;
-
 div.cell.shown-because-admin {
 	opacity: 0.5;
 	background-image: repeating-linear-gradient(-45deg, #eee 0px, #eee 14px, transparent 15px, transparent 30px);
diff --git a/gadjo/static/css/gadjo.scss b/gadjo/static/css/gadjo.scss
index 7570fca..56df8ad 100644
--- a/gadjo/static/css/gadjo.scss
+++ b/gadjo/static/css/gadjo.scss
@@ -13,6 +13,8 @@ $sidepage-width: 210px;
 $header-height: 60px;
 $sidepage-border-width: 4px;
 
+$cell-border-radius: 3px;
+
 // blue
 $primary-color: #386ede; $secondary-color: #00d6eb;
 
@@ -861,6 +863,12 @@ body.sidepage-expanded #sidepage span#applabel::before {
 		a {
 			@include vendor-prefix('transition', 'all 200ms ease');
 		}
+		&.sub {
+			margin-left: 1rem;
+			@media screen and (max-width: $mobile-limit) {
+				display: none;
+			}
+		}
 	}
 	li a {
 		border: none;
@@ -969,7 +977,7 @@ div.old-ie-warning p {
 
 $string-color: str-slice($primary-color + '', 2);
 
-$appicons: add, announces, book, calendar, categories, clock, counter, facturier, forms, gis, grid, home, mail, management, organizational-units, passerelle, password, phone, portal, portal-agent, porte-doc, roles, security, services, settings, statistics, submission, system, texts, theme, users, workflows;
+$appicons: add, announces, book, calendar, cards, categories, clock, counter, data, facturier, forms, gis, grid, home, mail, management, organizational-units, passerelle, password, phone, portal, portal-agent, porte-doc, roles, security, services, settings, statistics, studio, submission, system, texts, theme, users, workflows;
 
 @each $appicon in $appicons {
 	ul#sidepage-menu li a.icon-#{$appicon} { background-image: url(icons/#{$appicon}.small.#{$string-color}.png); }
@@ -1080,6 +1088,16 @@ $appicons: add, announces, book, calendar, categories, clock, counter, facturier
 			top: 100%;
 		}
 	}
+	&.highlight {
+		background: linear-gradient(to right, $primary-color 30%, $secondary-color 100%);
+		border-radius: $cell-border-radius;
+		padding: 1rem;
+		padding-bottom: 5px;
+		margin-bottom: 1rem;
+		h2 {
+			color: white;
+		}
+	}
 }
 
 div.section {
diff --git a/icons/cards.svg b/icons/cards.svg
new file mode 100644
index 0000000..9d09372
--- /dev/null
+++ b/icons/cards.svg
@@ -0,0 +1 @@
+<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 53.5 44.15"><defs><style>.cls-1{fill:#242d3c;}</style></defs><title>Pictos_v3_EXPORT</title><path class="cls-1" d="M44.44,44.15H1.5A1.5,1.5,0,0,1,0,42.65V12.51A1.5,1.5,0,0,1,1.5,11H44.44a1.5,1.5,0,0,1,1.5,1.5V42.65A1.5,1.5,0,0,1,44.44,44.15ZM3,41.15H42.94V14H3Z"/><path class="cls-1" d="M52,38.59a1.5,1.5,0,0,1-1.5-1.5V3H24.13V6a1.5,1.5,0,0,1-1.5,1.5H4.84a1.5,1.5,0,0,1,0-3H21.13V1.5A1.5,1.5,0,0,1,22.63,0H52a1.5,1.5,0,0,1,1.5,1.5V37.09A1.5,1.5,0,0,1,52,38.59Z"/></svg>
\ No newline at end of file
diff --git a/icons/data.svg b/icons/data.svg
new file mode 100644
index 0000000..f99f398
--- /dev/null
+++ b/icons/data.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 53.5 44.15">
+  <defs><style>.cls-1{fill:#242d3c;}</style></defs>
+  <path d="M 44.44,44.15 H 1.5 C 0.67157288,44.15 0,43.478427 0,42.65 V 12.51 C -0.00554899,11.67767 0.66765187,10.999982 1.5,11 h 42.94 c 0.828427,0 1.5,0.671573 1.5,1.5 v 30.15 c 0,0.828427 -0.671573,1.5 -1.5,1.5 z" class="cls-1" />
+  <path d="M52,38.59a1.5,1.5,0,0,1-1.5-1.5V3H24.13V6a1.5,1.5,0,0,1-1.5,1.5H4.84a1.5,1.5,0,0,1,0-3H21.13V1.5A1.5,1.5,0,0,1,22.63,0H52a1.5,1.5,0,0,1,1.5,1.5V37.09A1.5,1.5,0,0,1,52,38.59Z" class="cls-1" />
+</svg>
diff --git a/icons/old-set/studio.svg b/icons/old-set/studio.svg
new file mode 100644
index 0000000..a71dc5f
--- /dev/null
+++ b/icons/old-set/studio.svg
@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="studio.svg"
+   height="16"
+   id="svg7384"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   version="1.1"
+   width="16.53125">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1600"
+     inkscape:window-height="836"
+     id="namedview11"
+     showgrid="false"
+     inkscape:zoom="61"
+     inkscape:cx="7.6721976"
+     inkscape:cy="5.7312166"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer10" />
+  <metadata
+     id="metadata90">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Gnome Symbolic Icon Theme</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <title
+     id="title9167">Gnome Symbolic Icon Theme</title>
+  <defs
+     id="defs7386" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer9"
+     inkscape:label="status"
+     style="display:inline"
+     transform="translate(-260.7502,-467)" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer10"
+     inkscape:label="devices"
+     transform="translate(-260.7502,-467)">
+    <path
+       inkscape:connector-curvature="0"
+       d="m 269.0021,467.00379 -1.0019,0.0275 0.0312,0.5 c 0.0471,0.46556 -0.20254,0.96951 -0.59375,1.21875 -0.35305,0.24895 -0.90493,0.1983 -1.59375,0.21875 -0.34855,0.003 -0.70297,0.0839 -1.03125,0.28125 -0.32828,0.19733 -0.64985,0.5469 -0.71875,1 -0.15832,0.89239 0.45382,1.63343 1.15625,1.78125 0.80729,0.17604 1.64453,0.0756 2.625,0 0.25579,-0.0197 0.60056,0.0205 0.8125,0.125 0.33374,0.26075 0.28443,0.40291 0.28125,0.875 h -4.90625 -0.75 l -0.21875,0.71875 -1.96875,7 -0.375,1.28125 h 1.34375 13.875 1.3125 l -0.375,-1.28125 -1.90625,-6.8125 -0.88915,1.31458 1.68141,5.84563 h -13.62282 l 2.04028,-6.97063 c 2.35142,-0.0858 3.41529,0.0611 5.22773,-0.002 l 0.53125,-1.0625 v -0.0312 -0.46875 c -0.003,-0.61146 -0.40574,-1.09656 -0.84375,-1.3125 -0.43801,-0.21594 -0.93011,-0.25063 -1.34375,-0.21875 -0.99591,0.0768 -1.73951,0.12494 -2.3125,0 h -0.0312 c -0.19949,-0.042 -0.41743,-0.20971 -0.34375,-0.625 0.0189,-0.12428 0.0777,-0.19648 0.21875,-0.28125 0.14101,-0.0848 0.35246,-0.15487 0.53125,-0.15625 h 0.0312 c 0.56397,-0.0167 1.37705,0.11764 2.09375,-0.40625 0.81874,-0.59848 1.15373,-1.39515 1.0625,-2.125 z"
+       id="path8540"
+       sodipodi:nodetypes="cccccccccccccccccccccccccccccscccccccssc"
+       style="color:#ff0000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#000000;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:new" />
+    <path
+       inkscape:connector-curvature="0"
+       d="m 274.12612,469.07046 c 0,0 -2.51922,3.50643 -4.04033,5.96897 l -1.40567,1.1673 0.0373,1.57392 -0.76313,1.24524 0.69536,-10e-4 0.74028,-0.58334 1.67496,-0.4626 0.5949,-1.48097 4.18505,-6.36462 z"
+       id="path8552"
+       sodipodi:nodetypes="ccccccccccc"
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#ff0000;fill:#000000;fill-opacity:1;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new;font-family:Sans;-inkscape-font-specification:Sans" />
+    <path
+       sodipodi:cx="34.073708"
+       sodipodi:cy="252.43883"
+       d="m 34.648232,252.43883 a 0.57452428,0.57452428 0 1 1 -1.149049,0 0.57452428,0.57452428 0 1 1 1.149049,0 z"
+       id="path8566"
+       sodipodi:rx="0.57452428"
+       sodipodi:ry="0.57452428"
+       style="color:#ff0000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new"
+       transform="matrix(1.1306064,0,0,1.1306064,236.54995,184.02987)"
+       sodipodi:type="arc" />
+  </g>
+</svg>