From b6ded5f94c5fbda5a24f2f4c60534b5807189508 Mon Sep 17 00:00:00 2001
From: Aleksandr Iushmanov <izeren.ml@gmail.com>
Date: Thu, 17 Apr 2025 12:13:53 +0100
Subject: [PATCH] Remove unused CSS selectors. (#181)

---
 src/lib/chat/MatrixTimeline.svelte            | 18 -------
 src/lib/components/Action.svelte              | 10 ----
 src/routes/(app)/Footer.svelte                |  4 --
 .../ccos/[device]/[version]/+page.svelte      | 51 -------------------
 src/routes/(app)/chat/+page.svelte            |  5 --
 src/routes/(app)/config/Navigation.svelte     | 30 -----------
 src/routes/(app)/config/settings/+page.svelte | 24 ---------
 src/routes/(app)/learn/layout/+page.svelte    |  5 --
 8 files changed, 147 deletions(-)

diff --git a/src/lib/chat/MatrixTimeline.svelte b/src/lib/chat/MatrixTimeline.svelte
index 38ce9553..ec6845b6 100644
--- a/src/lib/chat/MatrixTimeline.svelte
+++ b/src/lib/chat/MatrixTimeline.svelte
@@ -177,9 +177,6 @@
 <style lang="scss">
   $border-radius: 16px;
 
-  h2 {
-    height: min-content;
-  }
 
   .input {
     border: 1px solid var(--md-sys-color-outline);
@@ -223,21 +220,6 @@
     width: 100%;
   }
 
-  .back-to-present {
-    position: fixed;
-    bottom: 0;
-  }
-
-  .scroll-controls {
-    position: sticky;
-    bottom: 0;
-    min-height: 16px;
-    background: linear-gradient(
-      to bottom,
-      transparent,
-      var(--md-sys-color-background)
-    );
-  }
 
   section {
     display: flex;
diff --git a/src/lib/components/Action.svelte b/src/lib/components/Action.svelte
index ceaa0cce..b9cdf849 100644
--- a/src/lib/components/Action.svelte
+++ b/src/lib/components/Action.svelte
@@ -84,16 +84,6 @@
     border-right-width: 3px;
   }
 
-  .dynamic {
-    padding: 4px;
-    border-radius: 1px;
-    min-width: 8px;
-    background: var(--md-sys-color-surface-variant);
-
-    &.inline {
-      padding: 0px;
-    }
-  }
 
   .inline-kbd {
     margin-inline-end: 2px;
diff --git a/src/routes/(app)/Footer.svelte b/src/routes/(app)/Footer.svelte
index c7f19f7f..3e3e463f 100644
--- a/src/routes/(app)/Footer.svelte
+++ b/src/routes/(app)/Footer.svelte
@@ -173,10 +173,6 @@
 </footer>
 
 <style lang="scss">
-  select {
-    position: absolute;
-    opacity: 0;
-  }
 
   .sync-box {
     display: flex;
diff --git a/src/routes/(app)/ccos/[device]/[version]/+page.svelte b/src/routes/(app)/ccos/[device]/[version]/+page.svelte
index 94ce42b9..cd265dd0 100644
--- a/src/routes/(app)/ccos/[device]/[version]/+page.svelte
+++ b/src/routes/(app)/ccos/[device]/[version]/+page.svelte
@@ -317,11 +317,6 @@
 </div>
 
 <style lang="scss">
-  h2 > em {
-    font-style: normal;
-    transition: color 200ms ease;
-  }
-
   h3 {
     margin-block-start: 4em;
   }
@@ -452,58 +447,12 @@
     }
   }
 
-  hr {
-    color: var(--md-sys-color-outline);
-    margin-block: 3em;
-    margin-inline: 5em;
-    border-style: dashed;
-  }
-
-  .files {
-    list-style: none;
-    display: flex;
-    padding: 0;
-    gap: 8px;
-  }
-
-  a[download] {
-    display: grid;
-    grid-template-columns: 1fr auto;
-    grid-template-rows: 1fr;
-    border: 1px solid var(--md-sys-color-outline);
-    border-radius: 8px;
-    font-size: 0.9em;
-    height: auto;
-
-    .size {
-      font-size: 0.8em;
-      opacity: 0.8;
-    }
-
-    .icon {
-      padding-inline-start: 0.4em;
-      grid-column: 2;
-      grid-row: 1 / span 2;
-    }
-  }
 
   .version {
     color: var(--md-sys-color-secondary);
   }
 
-  .device {
-    opacity: 0.6;
-  }
 
-  .inline-link {
-    display: inline;
-    padding: 0;
-  }
-
-  .correct-device {
-    color: var(--md-sys-color-primary);
-    opacity: 1;
-  }
 
   .incorrect-device {
     color: var(--md-sys-color-error);
diff --git a/src/routes/(app)/chat/+page.svelte b/src/routes/(app)/chat/+page.svelte
index 786602f9..ca025063 100644
--- a/src/routes/(app)/chat/+page.svelte
+++ b/src/routes/(app)/chat/+page.svelte
@@ -165,11 +165,6 @@
     }
   }
 
-  .room {
-    display: flex;
-    flex-direction: column;
-    flex-grow: 1;
-  }
 
   .timeline {
     flex-grow: 1;
diff --git a/src/routes/(app)/config/Navigation.svelte b/src/routes/(app)/config/Navigation.svelte
index ea750d10..6895776a 100644
--- a/src/routes/(app)/config/Navigation.svelte
+++ b/src/routes/(app)/config/Navigation.svelte
@@ -45,31 +45,6 @@
     padding-inline: 16px;
   }
 
-  @keyframes syncing {
-    0% {
-      transform: rotate(0deg);
-    }
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-
-  .syncing {
-    transform-origin: 50% 49%;
-    animation: syncing 1s linear infinite;
-  }
-
-  .title {
-    display: flex;
-    align-items: center;
-
-    margin-block: 0;
-
-    font-size: 1.5rem;
-    font-weight: bold;
-    color: var(--md-sys-color-primary);
-    text-decoration: none;
-  }
 
   .icon {
     cursor: pointer;
@@ -91,11 +66,6 @@
     border-radius: 50%;
 
     transition: all 250ms ease;
-
-    &.error {
-      color: var(--md-sys-color-on-error);
-      background: var(--md-sys-color-error);
-    }
   }
 
   .actions {
diff --git a/src/routes/(app)/config/settings/+page.svelte b/src/routes/(app)/config/settings/+page.svelte
index fe99e5ef..53bcd357 100644
--- a/src/routes/(app)/config/settings/+page.svelte
+++ b/src/routes/(app)/config/settings/+page.svelte
@@ -221,20 +221,6 @@
 
       font-size: 14px;
 
-      > input[type="number"] {
-        border-radius: 16px 4px 4px 16px;
-        height: 24px;
-        text-align: center;
-
-        &:last-child:not(:only-child) {
-          border-radius: 4px 16px 16px 4px;
-        }
-
-        &:only-child {
-          border-radius: 16px;
-        }
-      }
-
       &:has(input[type="number"]) {
         cursor: text;
 
@@ -287,16 +273,6 @@
         outline: none;
       }
     }
-
-    ul,
-    p {
-      font-size: 10px;
-
-      :global(kbd) {
-        font-size: 12px;
-        height: 18px;
-      }
-    }
   }
 
   // stylelint-disable-next-line
diff --git a/src/routes/(app)/learn/layout/+page.svelte b/src/routes/(app)/learn/layout/+page.svelte
index c81beb09..b6716d30 100644
--- a/src/routes/(app)/learn/layout/+page.svelte
+++ b/src/routes/(app)/learn/layout/+page.svelte
@@ -114,11 +114,6 @@
     font-size: 24px;
   }
 
-  .input {
-    width: 100%;
-    height: 100px;
-    border: 1px solid black;
-  }
 
   section {
     display: flex;