LogalDeveloper/owncast
0
Fork 0
Code Activity

fix(ui): remove default border on mobile action button menu

Browse Source
This commit is contained in:
Gabe Kangas
2023-04-26 16:50:08 -07:00
parent 084282bdb4
commit 913cc4aae2
2 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/components/action-buttons/ActionButtonMenu/ActionButtonMenu.module.scss
View File

@@ -8,6 +8,7 @@
align-items: center; align-items: center;
height: 100%; height: 100%;
padding-bottom: 16px; // to match antd nav margin-bottom padding-bottom: 16px; // to match antd nav margin-bottom
button { button {
height: 100%; height: 100%;
} }
@@ -21,3 +22,7 @@
.menu { .menu {
color: currentColor; color: currentColor;
} }
.menuButton {
border-color: var(--theme-color-components-content-background);
}

1
web/components/action-buttons/ActionButtonMenu/ActionButtonMenu.tsx
View File

@@ -104,6 +104,7 @@ export const ActionButtonMenu: FC<ActionButtonMenuProps> = ({
onClick={e => e.preventDefault()} onClick={e => e.preventDefault()}
size="large" size="large"
icon={<EllipsisOutlined size={6} style={{ rotate: '90deg' }} />} icon={<EllipsisOutlined size={6} style={{ rotate: '90deg' }} />}
className={styles.menuButton}
/> />
</div> </div>
</Dropdown> </Dropdown>