LogalDeveloper/owncast
0
Fork 0
Code Activity

styled the default button and the mobile dropdown

Browse Source
This commit is contained in:
t1enne
2022-10-22 22:36:32 +02:00
parent b7795f275c
commit bddb895189
4 changed files with 42 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
web/styles/ant-overrides.scss
View File

@@ -1,5 +1,5 @@
/* ------------------------- //
HEADER
HEADER
// ------------------------- */
.ant-layout-header {
@@ -7,18 +7,42 @@
height: auto;
}
/* ------------------------- //
BUTTONS
BUTTONS
// ------------------------- */
.ant-btn {
height: 2rem;
.ant-btn[disabled] {
background-color: var(--theme-color-components-secondary-button-background-disabled);
color: var(--theme-color-components-secondary-button-text-disabled);
border-color: var(--theme-color-components-secondary-button-border-disabled);
&:hover,
&:focus {
background-color: var(--theme-color-components-secondary-button-background-disabled);
color: var(--theme-color-components-secondary-button-text-disabled);
border-color: var(--theme-color-components-secondary-button-border-disabled);
}
}
.ant-btn-default {
color: currentColor;
border-width: 2px;
border-color: transparent;
border-radius: .15rem;
background-color: rgba(0,0,0,.1);
&:hover,
&:focus {
color: currentColor;
border-color: rgba(0,0,0,.55);
background-color: var(--theme-color-components-secondary-button-background);
}
}
.ant-btn-primary {
height: 2rem;
font-size: 0.85rem;
font-weight: bold;
border-width: 2px;
border-radius: var(--theme-rounded-corners);
color: var(--theme-color-components-primary-button-text);
border-color: var(--theme-color-action);
&:hover,
&:focus {
@@ -33,20 +57,6 @@
&[ant-click-animating-without-extra-node]:after {
animation: 0s !important;
}
}
.ant-btn[disabled] {
background-color: var(--theme-color-components-secondary-button-background-disabled);
color: var(--theme-color-components-secondary-button-text-disabled);
border-color: var(--theme-color-components-secondary-button-border-disabled);
&:hover,
&:focus {
background-color: var(--theme-color-components-secondary-button-background-disabled);
color: var(--theme-color-components-secondary-button-text-disabled);
border-color: var(--theme-color-components-secondary-button-border-disabled);
}
}
.ant-btn-primary {
background-color: var(--theme-color-components-primary-button-background);
color: var(--theme-color-components-primary-button-text);
border-color: var(--theme-color-components-primary-button-background);
@@ -84,7 +94,7 @@
}
/* ------------------------- //
DROPDOWN
DROPDOWN
// ------------------------- */
.ant-dropdown-menu {