summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--css/app.css35
-rw-r--r--img/share.svg47
-rw-r--r--templates/part.content.php18
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}}">