diff --git a/src/app/components/floating-column/settings/settings.component.html b/src/app/components/floating-column/settings/settings.component.html
index 0daddbd5..96fcebc1 100644
--- a/src/app/components/floating-column/settings/settings.component.html
+++ b/src/app/components/floating-column/settings/settings.component.html
@@ -9,24 +9,25 @@
Notifications
\ No newline at end of file
diff --git a/src/app/components/floating-column/settings/settings.component.scss b/src/app/components/floating-column/settings/settings.component.scss
index 1d0a6c93..a4f1c6a8 100644
--- a/src/app/components/floating-column/settings/settings.component.scss
+++ b/src/app/components/floating-column/settings/settings.component.scss
@@ -2,6 +2,7 @@
@import "commons";
@import "panel";
@import "mixins";
+@import "buttons";
.panel {
padding-left: 0px;
diff --git a/src/app/components/floating-column/settings/settings.component.ts b/src/app/components/floating-column/settings/settings.component.ts
index cc35d2e4..42c86f18 100644
--- a/src/app/components/floating-column/settings/settings.component.ts
+++ b/src/app/components/floating-column/settings/settings.component.ts
@@ -80,4 +80,21 @@ export class SettingsComponent implements OnInit {
this.toolsService.saveSettings(settings);
}
+ isCleanningAll: boolean = false;
+ startClearAllLocalData(): boolean {
+ this.isCleanningAll = !this.isCleanningAll;
+ return false;
+ }
+
+ confirmClearAll(): boolean{
+ localStorage.clear();
+ location.reload();
+ return false;
+ }
+
+ cancelClearAll(): boolean {
+ this.isCleanningAll = false;
+ return false;
+ }
+
}
\ No newline at end of file
diff --git a/src/app/components/left-side-bar/left-side-bar.component.html b/src/app/components/left-side-bar/left-side-bar.component.html
index b6ed8265..5b0b0361 100644
--- a/src/app/components/left-side-bar/left-side-bar.component.html
+++ b/src/app/components/left-side-bar/left-side-bar.component.html
@@ -28,7 +28,7 @@
+ (contextmenu)="openSettings()">
\ No newline at end of file
diff --git a/src/sass/_buttons.scss b/src/sass/_buttons.scss
index 58f153ab..ac23968a 100644
--- a/src/sass/_buttons.scss
+++ b/src/sass/_buttons.scss
@@ -5,6 +5,7 @@
border-color: $btn-primary-color;
color: $btn-primary-font-color;
font-size: 14px;
+
&:hover,
&:focus,
&:active,
@@ -12,7 +13,9 @@
background-color: $btn-primary-color-hover;
border-color: $btn-primary-color-hover;
box-shadow: none;
- } // &:focus {
+ }
+
+ // &:focus {
// background-color: $btn-primary-color-hover;
// border-color: $btn-primary-color-hover;
// outline: none;
@@ -39,8 +42,61 @@
background-color: $button-background-color;
color: $button-color;
transition: all .2s;
+
&:hover {
background-color: $button-background-color-hover;
color: $button-color-hover;
}
+}
+
+.sengi-btn {
+ transition: all .2s;
+ text-decoration: none;
+ display: block; // width: calc(100% - 20px);
+ width: calc(100% - 15px); // height: 30px;
+ padding: 5px 10px; // border: solid 1px black;
+ margin-left: 5px;
+
+ &--icon {
+ float: right;
+ }
+
+ &--disabled {
+ cursor: default;
+ background-color: darken($color-primary, 4);
+
+ &:hover {
+ background-color: darken($color-primary, 4);
+ }
+ }
+
+ &--margin-bottom {
+ &:not(:last-child) {
+ margin-bottom: 5px;
+ }
+ }
+
+ &__blue {
+ background-color: $color-primary;
+ color: #fff;
+
+ &:hover {
+ background-color: lighten($color-primary, 15);
+ }
+ }
+
+ &__red {
+ $red-button-color: rgb(65, 3, 3);
+ background-color: $red-button-color !important;
+ color: #fff;
+
+ &:hover {
+ background-color: lighten($red-button-color, 15) !important;
+ }
+ }
+
+ &__medium {
+ float: left;
+ width: calc((100% - 15px)/2 - 5px);
+ }
}
\ No newline at end of file