Add fm-gradient-select

2020-10-06 08:22:10 +02:00
parent f93d235877
commit da2492e017
11 changed files with 224 additions and 57 deletions
--- a/projects/common/src/fm/components/gradient-select/gradient-select.component.scss
+++ b/projects/common/src/fm/components/gradient-select/gradient-select.component.scss
@@ -0,0 +1,55 @@
+.gradient-select {
+    position: relative;
+    width:30rem;
+    height: auto;
+}
+
+.gradient-list {
+    position: absolute;
+    top:100%;
+    left:-0.15rem;
+    width:100%;
+    display: none;
+  
+    margin-left: 1px;
+    border-radius: 0.25rem;
+    border: 1px solid #ced4da;
+}
+
+.gradient-list.visible {
+    display: block;
+    background-color: white;
+   
+}
+
+li {
+    display: block;
+    overflow: hidden;
+    padding: 0.375rem .75rem;
+    border-bottom: 1px solid #ced4da;
+}
+
+li:hover {
+   background-color: #ced4da;
+   //color:white;
+}
+
+ul {
+    list-style: none;
+    padding: 0;
+    overflow: hidden;
+    overflow-y: auto;
+    max-height: 20rem;   
+}
+
+fm-gradient {
+    display: block;
+    height: 1.5rem;
+    position: relative;
+    border:1px solid white;
+}
+
+.addGradient {
+    padding: 0.375rem .75rem;
+    border-top: 1px solid #ced4da;
+}