removed right border for the last column + ui make-up

open-template-hub · Sep 1, 2021 · 0f13f52 · 0f13f52
1 parent fd73903
commit 0f13f52
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/app/component/common/dropdown-menu/dropdown-menu.component.html b/src/app/component/common/dropdown-menu/dropdown-menu.component.html
@@ -10,7 +10,8 @@
     </div>
 
     <div class="section-column-wrapper">
-      <div class="section-column" *ngFor="let column of options; last as isLast; first as isFirst">
+      <div class="section-column" *ngFor="let column of options; last as isLast; first as isFirst"
+           [class.section-column-right-border]="!isLast">
         <div *ngIf="column.sectionTitle" class="section-header">
           <h4 [style.color]="column.sectionColor ? column.sectionColor : ''">
             {{ column.sectionTitle }}

diff --git a/src/app/component/common/dropdown-menu/dropdown-menu.component.scss b/src/app/component/common/dropdown-menu/dropdown-menu.component.scss
@@ -8,6 +8,7 @@
   background-color: var(--background-color-alpha);
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
+  overflow: hidden;
 }
 
 .dropdown-content i {
@@ -88,7 +89,7 @@
   display: flex;
 }
 
-.section-column {
+.section-column-right-border {
   border-right: 0.5px dotted var(--contrast);
 }