From 93700c84465aacfd4a0b550f186206c070fe8935 Mon Sep 17 00:00:00 2001 From: Aurelien DAVID Date: Wed, 9 Dec 2020 20:16:29 +0100 Subject: v1 dropdown shared for a new Signed-off-by: Marco Nassabain --- css/app.css | 35 +++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) (limited to 'css') 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; -- cgit v1.2.3