Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Update Material 3 Theme #709

Merged
merged 10 commits into from
Jan 9, 2024
Merged

Update Material 3 Theme #709

Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
d9bb339
fixed issues with avatar tag setter, viewing images and message box d…
Myrkie Dec 19, 2023
e61fba8
fixed other elements being corrupted by previous changes
Myrkie Dec 19, 2023
d58882d
made table text selectable, fixed padding with buttons.
Myrkie Dec 19, 2023
1fb6d92
Merge branch 'vrcx-team:master' into master
Myrkie Dec 23, 2023
200af23
fixed notification selection menu being compressed
Myrkie Dec 23, 2023
4d314ec
fixed queue messages padding and coloring.
Myrkie Dec 25, 2023
f0dd632
fixed padding issues with group ID copy button being missing, fixes i…
Myrkie Jan 3, 2024
f10ee27
more changes fixes issues relating towards text boxes overflowing off…
Myrkie Jan 3, 2024
f6c7496
fix previous instance user width being affected by changes to notific…
Myrkie Jan 6, 2024
28515c7
fixed unreadable text in bulk unfriend selection message.
Myrkie Jan 9, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 28 additions & 8 deletions html/src/theme.material3.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ body {
--md-sys-color-surface: 28, 27, 31;
--md-sys-color-on-surface: 230, 225, 229;
--md-sys-color-surface-variant: 73, 69, 79;
--md-sys-color-on-surface-variant: 202, 196, 208;
--md-sys-color-on-surface-variant: 220, 213, 227;
--md-sys-color-background: 28, 27, 31;
--md-sys-color-on-background: 230, 225, 229;
--md-sys-color-outline: 147, 143, 153;
Expand Down Expand Up @@ -228,6 +228,12 @@ div[style*='margin: 0px 0px 10px;'] {

/* Input filter */

.el-input--small,
.el-input__inner{
height: 45px !important;
line-height: 45px !important;
}

.el-input__inner {
height: 48px;
}
Expand Down Expand Up @@ -286,8 +292,8 @@ input[type='number'],
.el-pagination--small .el-pager li.btn-quicknext,
.el-pagination--small .el-pager li.btn-quickprev,
.el-pagination--small .el-pager li:last-child {
height: 32px;
line-height: 32px;
height: 32px !important;
line-height: 32px !important;
}
.el-pagination .el-select .el-input .el-input__inner,
.el-input--mini .el-input__icon {
Expand Down Expand Up @@ -402,6 +408,15 @@ input[type='number'],
min-height: 0;
opacity: 0;
}
.vrc-instance-queue-message {
padding: 10px !important;
background: #f0f9eb !important;
}

.el-message.is-closable .el-message__content {
padding-right: 16px;
}


/* Typography */

Expand Down Expand Up @@ -1085,7 +1100,7 @@ input[type='number'],
}

.x-friend-item .detail {
margin: 0 4px;
margin: 0 -2px;
}

.x-friend-item > .detail > .name {
Expand Down Expand Up @@ -1316,10 +1331,14 @@ img.x-link.el-popover__reference {
.el-dialog__wrapper {
display: grid;
}
*:not(.x-user-dialog, .x-world-dialog, .x-avatar-dialog, .x-group-dialog)
> .el-dialog {
width: auto !important;

/* Notification position box (for some reason?!) */

// this is awful never do this
*:not(.x-user-dialog, .x-world-dialog, .x-avatar-dialog, .x-group-dialog)
> .el-dialog:not([aria-label*="Notification Position"]) {
max-width: 1125px !important;
width: 1125px !important;
}
*:not(.x-user-dialog, .x-world-dialog, .x-avatar-dialog, .x-group-dialog)
> .el-dialog
Expand Down Expand Up @@ -1384,10 +1403,11 @@ img.x-link.el-popover__reference {
margin-bottom: 24px;
max-height: 500px;
scroll-margin-left: 8px;
word-break: break-word;
}
.el-message-box__content > *,
.el-dialog__body > * {
padding-right: 8px;
height: 0% !important;
}

.el-message-box__btns .el-button,
Expand Down