Universal Disappearing Messages

stylesheets/_modules.scss

@@ -2461,6 +2461,19 @@ $timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
   margin-top: 1px;
 }
 
+// Module: Universal Timer Notification
+
+.module-universal-timer-notification {
+  text-align: center;
+
+  @include light-theme {
+    color: $color-gray-60;
+  }
+  @include dark-theme {
+    color: $color-gray-05;
+  }
+}
+
 .module-notification--with-click-handler {
   cursor: pointer;
 }
@@ -3096,7 +3109,8 @@ button.module-conversation-details__action-button {
       margin-right: 12px;
     }
 
-    &__info {
+    &__info,
+    &__right-info {
       @include font-body-2;
       margin-top: 4px;
 
@@ -3110,7 +3124,17 @@ button.module-conversation-details__action-button {
     }
 
     &__right {
+      position: relative;
       color: $color-gray-45;
+      min-width: 143px;
+    }
+
+    &__right-info {
+      position: absolute;
+
+      @include font-subtitle;
+
+      padding-left: 14px;
     }
 
     &__actions {
@@ -3170,60 +3194,6 @@ button.module-conversation-details__action-button {
       @include font-body-1-bold;
     }
   }
-
-  &-select {
-    position: relative;
-
-    select {
-      @include font-body-2;
-      -webkit-appearance: none;
-      border-radius: 4px;
-      border: 1px solid $color-gray-25;
-      cursor: pointer;
-      height: 40px;
-      min-width: 124px;
-      outline: 0;
-      padding: 10px;
-      padding-left: 12px;
-      padding-right: 32px;
-      text-overflow: ellipsis;
-      width: 100%;
-
-      @include dark-theme {
-        background-color: $color-gray-90;
-        border-color: $color-gray-60;
-        color: $color-gray-05;
-      }
-
-      &:focus {
-        border: 3px solid $color-ultramarine;
-        line-height: 14px;
-        padding-left: 10px;
-      }
-    }
-
-    &::after {
-      border: 2px solid $color-gray-60;
-      border-radius: 2px;
-      border-right: 0;
-      border-top: 0;
-      content: ' ';
-      display: block;
-      height: 10px;
-      pointer-events: none;
-      position: absolute;
-      right: 15px;
-      top: 14px;
-      transform-origin: center;
-      transform: rotate(-45deg);
-      width: 10px;
-      z-index: 2;
-
-      @include dark-theme {
-        border-color: $color-gray-15;
-      }
-    }
-  }
 }
 
 // Module: Message Detail