diff options
| -rw-r--r-- | css/app.css | 35 | ||||
| -rw-r--r-- | img/share.svg | 47 | ||||
| -rw-r--r-- | templates/part.content.php | 18 |
3 files changed, 100 insertions, 0 deletions
diff --git a/css/app.css b/css/app.css index 86a367e0d..d865c9a67 100644 --- a/css/app.css +++ b/css/app.css @@ -51,6 +51,41 @@ right: 0.5em; } +/* CSS DROPDOWN FOR A NEW */ +.dropbtn { + background-color: #4CAF50; + color: white; + padding: 16px; + font-size: 16px; + border: none; +} + +.dropdown { + position: relative; + display: inline-block; +} + +.dropdown-content { + display: none; + position: absolute; + background-color: #f1f1f1; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; +} + +.dropdown-content a{ + color: black; + padding: 12px 16px; + text-decoration: none; + display: block; +} + +.dropdown-content a:hover {background-color: #ddd;} + +.dropdown:hover .dropdown-content {display: block;} + +.dropdown:hover .dropbtn {background-color: #3e8e41;} /* Override hidden before angular is loaded */ [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) { display: none !important; diff --git a/img/share.svg b/img/share.svg new file mode 100644 index 000000000..5ff17555b --- /dev/null +++ b/img/share.svg @@ -0,0 +1,47 @@ +<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<g>
+ <g>
+ <path d="M406,332c-29.636,0-55.969,14.402-72.378,36.571l-141.27-72.195C194.722,288.324,196,279.809,196,271
+ c0-11.931-2.339-23.324-6.574-33.753l148.06-88.958C354.006,167.679,378.59,180,406,180c49.626,0,90-40.374,90-90
+ c0-49.626-40.374-90-90-90c-49.626,0-90,40.374-90,90c0,11.47,2.161,22.443,6.09,32.54l-148.43,89.18
+ C157.152,192.902,132.941,181,106,181c-49.626,0-90,40.374-90,90c0,49.626,40.374,90,90,90c30.122,0,56.832-14.876,73.177-37.666
+ l140.86,71.985C317.414,403.753,316,412.714,316,422c0,49.626,40.374,90,90,90c49.626,0,90-40.374,90-90
+ C496,372.374,455.626,332,406,332z M406,30c33.084,0,60,26.916,60,60s-26.916,60-60,60s-60-26.916-60-60S372.916,30,406,30z
+ M106,331c-33.084,0-60-26.916-60-60s26.916-60,60-60s60,26.916,60,60S139.084,331,106,331z M406,482c-33.084,0-60-26.916-60-60
+ s26.916-60,60-60s60,26.916,60,60S439.084,482,406,482z"/>
+ </g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/templates/part.content.php b/templates/part.content.php index 9ce6ae10e..9fa094e14 100644 --- a/templates/part.content.php +++ b/templates/part.content.php @@ -88,6 +88,24 @@ ?>"> </button> </li> + <!-- DROPDOWN SHARE --> + <div class="dropdown"> + <li ng-click="" + class="util" + dropdownToggle + news-stop-propagation> + <button class="arrow svg dropbtn" + title="<?php p($l->t('test')); ?>"> + </button> + </li> + <div class="dropdown-content"> + <!-- Contact --> + <a>Liste contact</a> + <a>Partage réseaux sociaux </a> + </div> + </div> + <!-- END DROPDOWN --> + <li class="util more" news-stop-propagation ng-hide="noPlugins"> <button class="icon-more" news-toggle-show="#actions-{{item.id}}"></button> <div class="article-actions" id="actions-{{item.id}}"> |
