Redo Iconized Context Menu styling to match Figma and simplify future a11y work by flattening the DOM

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-30 22:11:12 +01:00
parent 2a12fd1f6e
commit cbd2a9cd35
4 changed files with 107 additions and 176 deletions
@@ -86,6 +86,8 @@ limitations under the License.

    .mx_UserMenu_contextMenu_redRow {
        .mx_AccessibleButton {
+            padding-top: 16px;
+            padding-bottom: 16px;
            color: $warning-color !important; // !important to override styles from context menu
        }

@@ -95,6 +97,8 @@ limitations under the License.
    }

    .mx_UserMenu_contextMenu_header {
+        padding: 20px;
+
        // Create a flexbox to organize the header a bit easier
        display: flex;
        align-items: center;