Use Compound close icon in favour of mishmash of x/close icons (#108)

* Use Compound close icon in favour of mishmash of x/close icons Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update snapshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Remove stale CSS Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update snapshot Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> --------- Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2024-10-02 10:06:17 +00:00
parent c2c316831a
commit 5d9996c281
26 changed files with 143 additions and 225 deletions
@@ -204,66 +204,3 @@ Please see LICENSE files in the repository root for full details.
        mask-image: url("@vector-im/compound-design-tokens/icons/qr-code.svg");
    }
 }
-
-.mx_UserMenu_CustomStatusSection {
-    margin: 0 12px 8px;
-
-    .mx_UserMenu_CustomStatusSection_field {
-        position: relative;
-        display: flex;
-
-        &.mx_UserMenu_CustomStatusSection_field_hasQuery {
-            .mx_UserMenu_CustomStatusSection_clear {
-                display: block;
-            }
-        }
-
-        > .mx_UserMenu_CustomStatusSection_input {
-            border: 1px solid $accent;
-            border-radius: 8px;
-            width: 100%;
-
-            &:focus + .mx_UserMenu_CustomStatusSection_clear {
-                display: block;
-            }
-        }
-
-        > .mx_UserMenu_CustomStatusSection_clear {
-            display: none;
-
-            position: absolute;
-            top: 50%;
-            right: 0;
-            transform: translateY(-50%);
-
-            width: 16px;
-            height: 16px;
-            margin-right: 8px;
-            background-color: $quinary-content;
-            border-radius: 50%;
-
-            &::before {
-                content: "";
-                position: absolute;
-                width: inherit;
-                height: inherit;
-                mask-image: url("$(res)/img/feather-customised/x.svg");
-                mask-position: center;
-                mask-size: 12px;
-                mask-repeat: no-repeat;
-                background-color: $secondary-content;
-            }
-        }
-    }
-
-    > p {
-        font-size: $font-12px;
-        line-height: $font-15px;
-        color: $secondary-content;
-        margin: 4px 0;
-    }
-
-    .mx_AccessibleButton_kind_primary_outline {
-        display: block;
-    }
-}