From 88de7310b568927e81a2236696e077a79b1d79d1 Mon Sep 17 00:00:00 2001
From: argirok <argirokokogiannaki@gmail.com>
Date: Thu, 28 Jul 2022 15:51:11 +0300
Subject: [PATCH] Customization: apply minor css changes in sidebar, reset to
 published for background, separate to buttons

---
 .../customization.component.html              |  6 +--
 .../customization/customization.component.ts  | 37 +++++++++++++------
 2 files changed, 29 insertions(+), 14 deletions(-)

diff --git a/src/app/pages/customization/customization.component.html b/src/app/pages/customization/customization.component.html
index 111daab..93bc513 100644
--- a/src/app/pages/customization/customization.component.html
+++ b/src/app/pages/customization/customization.component.html
@@ -191,7 +191,7 @@
                   <mat-slide-toggle class="uk-margin-large-left"
                                     [checked]="draftCustomizationOptions.backgroundsIsCustom"
                                     (change)="draftCustomizationOptions.backgroundsIsCustom=!draftCustomizationOptions.backgroundsIsCustom;
-                                    draftCustomizationOptions.backgroundsIsCustom?'':this.resetBackgroundsAndButtonsToDefault();  "
+                                    draftCustomizationOptions.backgroundsIsCustom?'':this.resetBackgroundsToDefault();  "
                                     [attr.uk-tooltip]="'title:<div class=\'uk-padding-small uk-width-large\'>' +
                         (draftCustomizationOptions.backgroundsIsCustom?'Change to default values produced based on the identity colors':'Customize options for background and buttons')+'</div>'"
                   >
@@ -249,7 +249,7 @@
           <mat-slide-toggle class="uk-margin-large-left"
                             [checked]="draftCustomizationOptions.buttonsIsCustom"
                             (change)="draftCustomizationOptions.buttonsIsCustom=!draftCustomizationOptions.buttonsIsCustom;
-                            draftCustomizationOptions.buttonsIsCustom?'':this.resetBackgroundsAndButtonsToDefault();  "
+                            draftCustomizationOptions.buttonsIsCustom?'':this.resetButtonsToDefault();  "
                             [attr.uk-tooltip]="'title:<div class=\'uk-padding-small uk-width-large\'>' +
                 (draftCustomizationOptions.buttonsIsCustom?'Change to default values produced based on the identity colors':'Customize options for background and buttons')+'</div>'"
           >
@@ -266,7 +266,7 @@
 
           </div>
         </div>
-        <div class="functionalities-border uk-overflow-auto uk-margin-medium-bottom">
+        <div class="functionalities-border uk-margin-medium-bottom">
           <ng-container *ngIf="buttonsSelected == 'dark'">
             <customize-buttons
                 [buttons]="draftCustomizationOptions.buttons.darkBackground" [light]="true"
diff --git a/src/app/pages/customization/customization.component.ts b/src/app/pages/customization/customization.component.ts
index 93b2e23..5626f3a 100644
--- a/src/app/pages/customization/customization.component.ts
+++ b/src/app/pages/customization/customization.component.ts
@@ -25,6 +25,7 @@ declare var UIkit;
   styles:[`
       .functionalities-container{
           padding-left:15px;
+          padding-right:15px;
       }
     .functionalities-border{
         border-left:  1px solid #EAEAEA;
@@ -63,7 +64,13 @@ declare var UIkit;
           border-radius:20px;
           background-color: white;
       }
-     
+      .menu_section.uk-overflow-auto{
+          overflow: hidden;
+      }
+
+      .menu_section.uk-overflow-auto:hover {
+          overflow-y: scroll;
+      }
   `]
 })
 
@@ -268,11 +275,14 @@ sidebarItems = [{name:"Identity", id : "identity", icon: "desktop_windows" },
   resetBackgroundsAndButtonsToPublished(){
     this.resetBackgroundsAndButtonsTo(this.publishedCustomizationOptions);
   }
-  resetBackgroundsAndButtonsToDefault(){
-    this.resetBackgroundsAndButtonsTo(this.publishedCustomizationOptions);
-    this.updateBackgroundsAndButtonsBasedOnIdentity();
+  resetButtonsToDefault(){
+    this.resetButtonsTo(this.publishedCustomizationOptions.buttons);
+    this.updateButtonsBasedOnIdentity();
+  }
+  resetBackgroundsToDefault(){
+    this.resetBackgroundsTo(this.publishedCustomizationOptions.backgrounds);
+    this.updateBackgroundsBasedOnIdentity();
   }
-
   resetButtonsTo(buttonsToRevert) {
     this.draftCustomizationOptions.buttons= this.copyObject(buttonsToRevert);
   }
@@ -283,22 +293,27 @@ sidebarItems = [{name:"Identity", id : "identity", icon: "desktop_windows" },
   }
   resetIdentityToPublished() {
     this.resetIdentityTo( this.publishedCustomizationOptions);
-    this.updateBackgroundsAndButtonsBasedOnIdentity()
+    this.updateButtonsBasedOnIdentity();
+    this.updateBackgroundsBasedOnIdentity();
   }
   resetIdentityToDefault() {
     this.resetIdentityTo( this.defaultCustomizationOptions);
     this.draftCustomizationOptions.identityIsCustom = false;
-    this.updateBackgroundsAndButtonsBasedOnIdentity()
+    this.updateButtonsBasedOnIdentity();
+    this.updateBackgroundsBasedOnIdentity();
 
   }
-  updateBackgroundsAndButtonsBasedOnIdentity(){
+  updateButtonsBasedOnIdentity(){
+    let tmp =   new CustomizationOptions(this.draftCustomizationOptions.identity.mainColor, this.draftCustomizationOptions.identity.secondaryColor);
+    if(!this.draftCustomizationOptions.buttonsIsCustom) {
+      this.resetButtonsTo(tmp.buttons);
+    }
+  }
+  updateBackgroundsBasedOnIdentity(){
     let tmp =   new CustomizationOptions(this.draftCustomizationOptions.identity.mainColor, this.draftCustomizationOptions.identity.secondaryColor);
     if(!this.draftCustomizationOptions.backgroundsIsCustom) {
       this.resetBackgroundsTo(tmp.backgrounds);
     }
-    if(!this.draftCustomizationOptions.buttonsIsCustom) {
-      this.resetButtonsTo(tmp.buttons);
-    }
   }
   getCommunityUrlSatinized(prefix: string) {
     return this.sanitizer.bypassSecurityTrustResourceUrl(this.getCommunityUrl(prefix));