style: add missing partial; now filter dropdown looks better, a little bit

2 files changed, 44 insertions, 13 deletions

diff --git a/res/client/css/style.css b/res/client/css/style.css
index 88e0b4bc..5e96e7eb 100644
--- a/res/client/css/style.css
+++ b/res/client/css/style.css
@@ -293,14 +293,12 @@ table {
   border: 1px solid #004681; }
 
 #btn-logout {
-	margin-left: 15px;
-	font-size: 0.8em;
-}
+  margin-left: 15px;
+  font-size: 0.8em; }
 
 #btn-logout:hover {
-	opacity: 0.7;
-	cursor: pointer;
-}
+  opacity: 0.7;
+  cursor: pointer; }
 
 .debug-ui {
   display: none; }
@@ -333,7 +331,8 @@ body.debug .debug-ui-right {
 
 .circle {
   z-index: 100;
-  pointer-events: all; }
+  pointer-events: all;
+  fill: #363636; }
 
 .nodetext {
   fill: #363636;
@@ -418,7 +417,7 @@ body.debug .debug-ui-right {
   fill: #8b3ab0; }
 
 .circle.project {
-  fill: #40C200; }
+  fill: #40c200; }
 
 .circle.third-internship-proposal {
   fill: #33c2e0; }
@@ -635,7 +634,7 @@ body.debug .debug-ui-right {
   border-top: 6px solid #363636; }
 
 .info.type-project {
-  border-top: 6px solid #40C200; }
+  border-top: 6px solid #40c200; }
 
 .info .info-card-attr {
   display: block;
@@ -755,8 +754,8 @@ body.debug .debug-ui-right {
   width: 100%;
   min-height: 48px;
   text-align: center;
-  background-color: #D3F2F8;
-  color: #1D6E7F;
+  background-color: #d3f2f8;
+  color: #1d6e7f;
   border-top: 1px solid #8eb6bf;
   border-bottom: 1px solid #8eb6bf; }
 
@@ -860,7 +859,38 @@ p {
   color: #363636;
   line-height: 1.4; }
 
+.dropdown-menu {
+  width: 180px;
+  color: #363636;
+  font-size: 18px;
+  list-style-type: none;
+  margin-top: 6px;
+  border: 1px solid #919095;
+  background: white;
+  z-index: 100;
+  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
+  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
+  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3); }
+
+.dropdown-item {
+  padding: 6px 0px 6px 18px;
+  cursor: pointer; }
+
+.dropdown-item:hover {
+  padding-left: 16px;
+  background-color: #f5f5fa;
+  border-left: 2px solid #33c2e0;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+.dropdown-menu-heading {
+  font-family: "Source_Bold", sans-serif;
+  border-bottom: 1px solid #d4d4d9; }
+
+.dropdown-menu-heading:hover {
+  padding: 6px 0px 6px 18px;
+  cursor: default; }
+
 svg text::selection {
   background: none; }
-
-/*# sourceMappingURL=style.css.map */
diff --git a/res/client/css/style.scss b/res/client/css/style.scss
index add9aa7a..a6087f57 100644
--- a/res/client/css/style.scss
+++ b/res/client/css/style.scss
@@ -18,6 +18,7 @@
 @import "partials/task-alert";
 @import "partials/top-bar";
 @import "partials/typography";
+@import "partials/dropdown-menu";
 
 // Third-party
 @import "vendor/ui.css";