LogalDeveloper/owncast
0
Fork 0
Code Activity

some webv2 UI polish (#2940)

Browse Source 
* style tweaks for Action Button, UserMenu, Modal

* a bunch of misc polish; some around chat

* Prettified Code!

* cleanup

* fix formatting

* Reduce content padding a bit

* some stylesheet cleanup

* fix action button sizing

* Remove action button height completely

---------

Co-authored-by: gingervitis <gingervitis@users.noreply.github.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
This commit is contained in:
gingervitis
2023-04-24 10:58:57 -07:00
committed by GitHub
co-authored by gingervitis Gabe Kangas
parent 39bfaf2ec5
commit 44483a45d3
33 changed files with 393 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/styles/ant-overrides.scss
+7 -25
View File
@@ -39,7 +39,6 @@ BUTTONS
.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);
@@ -110,30 +109,13 @@ DROPDOWN
background-color: var(--theme-color-components-menu-item-focus-bg);
}
}
.ant-modal-header {
color: var(--theme-color-components-modal-header-text);
font-family: var(--theme-text-display-font-family);
}
.ant-modal-title {
color: var(--theme-color-components-modal-header-text);
}
.ant-modal-body {
overflow: auto;
border-radius: 0 0 var(--theme-rounded-corners) var(--theme-rounded-corners);
}
.ant-modal {
color: var(--theme-color-components-text-on-light);
h1 {
color: var(--theme-color-components-text-on-light);
}
}
.ant-modal-content {
box-shadow: 3px 15px 15px -3px rgba(0, 0, 0, 0.15), 0px 4px 6px -2px rgba(0, 0, 0, 0.08);
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
font-size: 0.8rem;
padding: 4px 15px;
}
.ant-input-affix-wrapper {
padding: 4px 5px;
background-color: var(--theme-color-components-form-field-background);
}
@@ -238,10 +220,10 @@ th {
color: var(--theme-color-palette-12);
}
.line-chart-container{
.line-chart-container {
position: relative;
.download-btn{
position:absolute;
.download-btn {
position: absolute;
top: 0.3rem;
right: 0.35rem;
}