Fix Firefox range thumb style

3 years ago · bc6dac1ab8
3 changed files with 7 additions and 5 deletions
--- a/src/scss/partials/_ckin.scss
+++ b/src/scss/partials/_ckin.scss
@ -309,6 +309,8 @@ video::-webkit-media-controls-enclosure {
				@@ -309,6 +309,8 @@ video::-webkit-media-controls-enclosure {

    &::-moz-range-thumb {
      display: none;
+      width: 0;
+      height: 0;
    }

    &::-moz-range-track {
--- a/src/scss/partials/_profile.scss
+++ b/src/scss/partials/_profile.scss
@ -223,10 +223,6 @@
				@@ -223,10 +223,6 @@
      //margin-bottom: .75rem;
      //box-shadow: 0px 1px 5px -1px rgba(0, 0, 0, .16);

-      &-content > .profile-name {
-        justify-content: center;
-      }
-
      .profile-subtitle {
        .peer-typing-container {
          justify-content: center;
@ -284,6 +280,10 @@
				@@ -284,6 +280,10 @@
    .verified-icon {
      margin-bottom: 3px;
    }
+
+    .sidebar-left-section-content > & {
+      justify-content: center;
+    }
  }

  &-subtitle {
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@ -1242,7 +1242,7 @@ middle-ellipsis-element {
				@@ -1242,7 +1242,7 @@ middle-ellipsis-element {
  }

  .video-time {
-    padding: 1px 6px 2px;
+    padding: 0 .375rem;
    background-color: var(--message-highlightning-color) !important;
  }