refactor: clean-ups unused css

deriv-com · Feb 22, 2024 · 6a67c18 · 6a67c18
1 parent b14fe5a
commit 6a67c18
Show file tree

Hide file tree

Showing 30 changed files with 30 additions and 1,659 deletions.
diff --git a/app/DateTimePicker/date-picker.scss b/app/DateTimePicker/date-picker.scss
@@ -127,8 +127,7 @@
     .calendar-date-panel,
     .calendar-month-panel,
     .calendar-year-panel,
-    .calendar-decade-panel,
-    .calendar-century-panel {
+    .calendar-decade-panel {
         display: grid;
         grid-gap: 0.8rem 1.2rem;
         padding: 0.8rem 2rem;
@@ -139,8 +138,7 @@
         }
         &.calendar-month-panel,
         &.calendar-year-panel,
-        &.calendar-decade-panel,
-        &.calendar-century-panel {
+        &.calendar-decade-panel {
             grid-template-columns: repeat(3, minmax(7.2rem, 1fr));
             grid-auto-rows: minmax(4.2rem, auto);
         }
@@ -349,30 +347,6 @@
             margin: 0;
         }
     }
-    .picker-calendar-icon,
-    .close-circle-icon {
-        position: absolute;
-        right: 12px;
-        top: 50%;
-        transform: translateY(-50%);
-        transition: all 0.3s;
-        user-select: none;
-        opacity: 0;
-        pointer-events: none;
-        cursor: pointer;
-
-        &:before {
-            content: '';
-            display: block;
-            width: 14px;
-            height: 14px;
-            background-size: 14px 14px;
-        }
-        &.show {
-            opacity: 1;
-            pointer-events: auto;
-        }
-    }
     .datepicker-calendar {
         .calendar {
             top: 100%;

diff --git a/app/DateTimePicker/time-picker.scss b/app/DateTimePicker/time-picker.scss
@@ -70,21 +70,6 @@
         &.from-right {
             right: 0;
         }
-        .time-picker-clear {
-            position: relative;
-            float: right;
-            display: none;
-            top: 1px;
-            width: 17px;
-            height: 17px;
-            cursor: pointer;
-
-            svg {
-                @include themify($themes) {
-                    fill: themed('ChartHistoryPickerTopColor');
-                }
-            }
-        }
         .time-picker-selector {
             display: flex;
             flex-direction: row;

diff --git a/sass/_ciq-extras.scss b/sass/_ciq-extras.scss
diff --git a/sass/components/_barrier.scss b/sass/components/_barrier.scss
@@ -69,8 +69,6 @@
     }
 }
 
-/*hover*/
-
 .draggable.chart-line:hover {
     &.horizontal {
         cursor: ns-resize;
@@ -80,8 +78,6 @@
     }
 }
 
-/*hover*/
-
 .hide-pricelines > .chart-line.horizontal,
 .hide-pricelines > .barrier-area {
     display: none;
@@ -107,36 +103,6 @@
     }
 }
 
-/*hover*/
-
-.no-touch {
-    .price-arrow {
-        span {
-            position: absolute;
-            top: 4px;
-            left: 6px;
-            display: block;
-            width: 15px;
-            height: 15px;
-            background-position: -4px -488px;
-            opacity: 0;
-            transition: opacity 0.2s;
-        }
-    }
-    .chart-line:hover {
-        .price-arrow {
-            width: 20px;
-            height: 23px;
-
-            span {
-                opacity: 1;
-            }
-        }
-    }
-}
-
-/*hover*/
-
 .price {
     display: block;
     font-size: 12px;

diff --git a/sass/components/_categorical-display.scss b/sass/components/_categorical-display.scss
@@ -178,9 +178,6 @@
             }
         }
     }
-    &__list {
-        width: 100%;
-    }
     &__category {
         padding-bottom: 12px;
         position: relative;
@@ -228,31 +225,6 @@
                 color: themed('CatDisplayCatTitleText');
             }
 
-            &.sticky-top,
-            &.sticky-bottom {
-                z-index: 8;
-                padding-top: 0px;
-                height: 40px;
-                @include themify($themes) {
-                    background-color: themed('CatDisplayBg');
-                    border-bottom: 1px solid themed('CatDisplayCatContentBorder');
-                }
-
-                &.has-subtitle {
-                    height: 60px;
-                }
-            }
-            &.sticky-bottom {
-                position: absolute;
-                top: auto !important;
-                bottom: 0px !important;
-            }
-            &.sticky-top {
-                position: fixed;
-                top: 0px;
-                z-index: 9;
-                padding-right: 25px;
-            }
             .category-name-postfix {
                 margin-left: 5px;
             }
@@ -272,11 +244,6 @@
                     border: 1px solid themed('CatDisplayCatContentBorder');
                 }
 
-                &.has-subcategory {
-                    > div:nth-child(2) {
-                        border-radius: $border-radius $border-radius 0 0;
-                    }
-                }
                 &:last-child {
                     margin-bottom: 0px;
                 }
@@ -419,10 +386,6 @@
                 padding-right: 20px;
                 cursor: pointer;
 
-                &.sticky-top {
-                    position: relative;
-                    top: 0px !important;
-                }
                 .category-title-left {
                     display: flex;
                     align-items: center;