Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'develop' into feat-1714

Browse source
This commit is contained in:
かっこかり 2024-07-12 16:38:38 +09:00 • committed by GitHub
commit 881b7dd6ae
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
69 changed files with 1096 additions and 461 deletions
Download patch file Download diff file Expand all files Collapse all files

2
packages/frontend/src/ui/_common_/common.vue
View file

@ -227,7 +227,7 @@ if ($i) {
right: 15px;
pointer-events: none;
&:before {
&::before {
content: "";
display: block;
width: 18px;

6
packages/frontend/src/ui/_common_/navbar-for-mobile.vue
View file

@ -139,7 +139,7 @@ function more() {
font-weight: bold;
text-align: left;
&:before {
&::before {
content: "";
display: block;
width: calc(100% - 38px);
@ -155,7 +155,7 @@ function more() {
}
&:hover, &.active {
&:before {
&::before {
background: var(--accentLighten);
}
}
@ -226,7 +226,7 @@ function more() {
}
&:hover, &.active {
&:before {
&::before {
content: "";
display: block;
width: calc(100% - 24px);

86
packages/frontend/src/ui/_common_/navbar.vue
View file

@ -166,6 +166,15 @@ function more(ev: MouseEvent) {
display: block;
text-align: center;
width: 100%;
&:focus-visible {
outline: none;
> .instanceIcon {
outline: 2px solid var(--focus);
outline-offset: 2px;
}
}
}
.instanceIcon {
@ -192,7 +201,7 @@ function more(ev: MouseEvent) {
font-weight: bold;
text-align: left;
&:before {
&::before {
content: "";
display: block;
width: calc(100% - 38px);
@ -207,8 +216,17 @@ function more(ev: MouseEvent) {
background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB));
}
&:focus-visible {
outline: none;
&::before {
outline: 2px solid var(--fgOnAccent);
outline-offset: -4px;
}
}
&:hover, &.active {
&:before {
&::before {
background: var(--accentLighten);
}
}
@ -234,6 +252,14 @@ function more(ev: MouseEvent) {
text-align: left;
box-sizing: border-box;
overflow: clip;
&:focus-visible {
outline: none;
> .avatar {
box-shadow: 0 0 0 4px var(--focus);
}
}
}
.avatar {
@ -282,10 +308,19 @@ function more(ev: MouseEvent) {
color: var(--navActive);
}
&:hover, &.active {
&:focus-visible {
outline: none;
&::before {
outline: 2px solid var(--focus);
outline-offset: -2px;
}
}
&:hover, &.active, &:focus {
color: var(--accent);
&:before {
&::before {
content: "";
display: block;
width: calc(100% - 34px);
@ -352,6 +387,15 @@ function more(ev: MouseEvent) {
display: block;
text-align: center;
width: 100%;
&:focus-visible {
outline: none;
> .instanceIcon {
outline: 2px solid var(--focus);
outline-offset: 2px;
}
}
}
.instanceIcon {
@ -376,7 +420,7 @@ function more(ev: MouseEvent) {
height: 52px;
text-align: center;
&:before {
&::before {
content: "";
display: block;
position: absolute;
@ -391,8 +435,17 @@ function more(ev: MouseEvent) {
background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB));
}
&:focus-visible {
outline: none;
&::before {
outline: 2px solid var(--fgOnAccent);
outline-offset: -4px;
}
}
&:hover, &.active {
&:before {
&::before {
background: var(--accentLighten);
}
}
@ -413,6 +466,14 @@ function more(ev: MouseEvent) {
padding: 20px 0;
width: 100%;
overflow: clip;
&:focus-visible {
outline: none;
> .avatar {
box-shadow: 0 0 0 4px var(--focus);
}
}
}
.avatar {
@ -442,11 +503,20 @@ function more(ev: MouseEvent) {
width: 100%;
text-align: center;
&:hover, &.active {
&:focus-visible {
outline: none;
&::before {
outline: 2px solid var(--focus);
outline-offset: -2px;
}
}
&:hover, &.active, &:focus {
text-decoration: none;
color: var(--accent);
&:before {
&::before {
content: "";
display: block;
height: 100%;

4
packages/frontend/src/ui/deck/column.vue
View file

@ -271,7 +271,7 @@ function onDrop(ev) {
border-radius: 10px;
&.draghover {
&:after {
&::after {
content: "";
display: block;
position: absolute;
@ -285,7 +285,7 @@ function onDrop(ev) {
}
&.dragging {
&:after {
&::after {
content: "";
display: block;
position: absolute;