hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

more linting

Browse source
This commit is contained in:
Henry Jameson 2025-03-31 12:51:17 +03:00
commit 3b2f1fbbc1
18 changed files with 34 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/App.scss
View file

@ -34,8 +34,7 @@ body {
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
overscroll-behavior-y: none; overscroll-behavior-y: none;
overflow-x: clip; overflow: clip scroll;
overflow-y: scroll;
&.hidden { &.hidden {
display: none; display: none;
@ -224,9 +223,8 @@ nav {
grid-template-rows: 1fr; grid-template-rows: 1fr;
box-sizing: border-box; box-sizing: border-box;
margin: 0 auto; margin: 0 auto;
align-content: flex-start; place-content: flex-start center;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center;
min-height: 100vh; min-height: 100vh;
overflow-x: clip; overflow-x: clip;
@ -262,8 +260,7 @@ nav {
position: sticky; position: sticky;
top: var(--navbar-height); top: var(--navbar-height);
max-height: calc(100vh - var(--navbar-height)); max-height: calc(100vh - var(--navbar-height));
overflow-y: auto; overflow: hidden auto;
overflow-x: hidden;
margin-left: calc(var(--___paddingIncrease) * -1); margin-left: calc(var(--___paddingIncrease) * -1);
padding-left: calc(var(--___paddingIncrease) + var(--___columnMargin) / 2); padding-left: calc(var(--___paddingIncrease) + var(--___columnMargin) / 2);
@ -832,7 +829,7 @@ option {
.login-hint { .login-hint {
text-align: center; text-align: center;
@media all and (min-width: 801px) { @media all and (width >= 801px) {
display: none; display: none;
} }
@ -854,7 +851,7 @@ option {
flex: 1; flex: 1;
} }
@media all and (max-width: 800px) { @media all and (width <= 800px) {
.mobile-hidden { .mobile-hidden {
display: none; display: none;
} }

3
src/components/chat_message/chat_message.scss
View file

@ -107,8 +107,7 @@
.outgoing { .outgoing {
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
align-content: end; place-content: end flex-end;
justify-content: flex-end;
.chat-message-inner { .chat-message-inner {
align-items: flex-end; align-items: flex-end;

7
src/components/desktop_nav/desktop_nav.scss
View file

@ -59,7 +59,7 @@
transition-timing-function: ease-out; transition-timing-function: ease-out;
transition-duration: 100ms; transition-duration: 100ms;
@media all and (min-width: 800px) { @media all and (width >= 800px) {
/* stylelint-disable-next-line declaration-no-important */ /* stylelint-disable-next-line declaration-no-important */
opacity: 1 !important; opacity: 1 !important;
} }
@ -70,10 +70,7 @@
mask-size: contain; mask-size: contain;
background-color: var(--text); background-color: var(--text);
position: absolute; position: absolute;
top: 0; inset: 0;
bottom: 0;
left: 0;
right: 0;
} }
img { img {

6
src/components/emoji_picker/emoji_picker.scss
View file

@ -64,8 +64,7 @@
flex-grow: 1; flex-grow: 1;
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
overflow-x: auto; overflow: auto hidden;
overflow-y: hidden;
} }
.additional-tabs { .additional-tabs {
@ -197,8 +196,7 @@
&-group { &-group {
display: grid; display: grid;
grid-template-columns: repeat(var(--__amount), 1fr); grid-template-columns: repeat(var(--__amount), 1fr);
align-items: center; place-items: center center;
justify-items: center;
justify-content: center; justify-content: center;
grid-template-rows: repeat(1, auto); grid-template-rows: repeat(1, auto);

5
src/components/notifications/notifications.scss
View file

@ -13,10 +13,7 @@
.notification-overlay { .notification-overlay {
position: absolute; position: absolute;
top: 0; inset: 0;
right: 0;
left: 0;
bottom: 0;
pointer-events: none; pointer-events: none;
} }

5
src/components/popover/popover.scss
View file

@ -15,10 +15,7 @@
&::after { &::after {
content: ""; content: "";
position: absolute; position: absolute;
top: -1px; inset: -1px;
bottom: -1px;
left: -1px;
right: -1px;
z-index: -1px; z-index: -1px;
box-shadow: var(--_shadow); box-shadow: var(--_shadow);
pointer-events: none; pointer-events: none;

2
src/components/settings_modal/admin_tabs/emoji_tab.scss
View file

@ -29,7 +29,7 @@
.emoji-list { .emoji-list {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 1em 1em; gap: 1em;
} }
} }

5
src/components/settings_modal/admin_tabs/frontends_tab.scss
View file

@ -13,10 +13,7 @@
// fix buttons showing through // fix buttons showing through
z-index: 2; z-index: 2;
opacity: 0.9; opacity: 0.9;
top: 0; inset: 0;
bottom: 0;
left: 0;
right: 0;
} }
dd { dd {

4
src/components/settings_modal/settings_modal.scss
View file

@ -46,7 +46,7 @@
max-width: 90vw; max-width: 90vw;
height: 90vh; height: 90vh;
@media all and (max-width: 800px) { @media all and (width <= 800px) {
max-width: 100vw; max-width: 100vw;
height: 100%; height: 100%;
} }
@ -105,7 +105,7 @@
*/ */
transform: translateY(calc(((100vh - 100%) / 2 + 100%) - 50px)); transform: translateY(calc(((100vh - 100%) / 2 + 100%) - 50px));
@media all and (max-width: 800px) { @media all and (width <= 800px) {
/* For mobile, the modal takes 100% of the available screen. /* For mobile, the modal takes 100% of the available screen.
This ensures the minimized modal is always 50px above the browser bottom This ensures the minimized modal is always 50px above the browser bottom
bar regardless of whether or not it is visible. bar regardless of whether or not it is visible.

6
src/components/settings_modal/tabs/appearance_tab.scss
View file

@ -26,8 +26,7 @@
.palettes-container { .palettes-container {
height: 15em; height: 15em;
overflow-y: auto; overflow: hidden auto;
overflow-x: hidden;
scrollbar-gutter: stable; scrollbar-gutter: stable;
border-radius: var(--roundness); border-radius: var(--roundness);
border: 1px solid var(--border); border: 1px solid var(--border);
@ -112,8 +111,7 @@
flex-wrap: wrap; flex-wrap: wrap;
margin: -0.5em 0; margin: -0.5em 0;
height: 25em; height: 25em;
overflow-x: hidden; overflow: hidden auto;
overflow-y: auto;
scrollbar-gutter: stable; scrollbar-gutter: stable;
border-radius: var(--roundness); border-radius: var(--roundness);
border: 1px solid var(--border); border: 1px solid var(--border);

3
src/components/shadow_control/shadow_control.scss
View file

@ -112,8 +112,7 @@
grid-area: preview; grid-area: preview;
min-width: 25em; min-width: 25em;
margin-left: 0.125em; margin-left: 0.125em;
align-self: start; place-self: start center;
justify-self: center;
} }
} }

2
src/components/status/status.scss
View file

@ -364,7 +364,7 @@
} }
} }
@media all and (max-width: 800px) { @media all and (width <= 800px) {
.repeater-avatar { .repeater-avatar {
margin-left: 20px; margin-left: 20px;
} }

2
src/components/status_action_buttons/action_button.vue
View file

@ -12,7 +12,7 @@
:title="$t(button.label(funcArg))" :title="$t(button.label(funcArg))"
target="_blank" target="_blank"
:tabindex="0" :tabindex="0"
:disabled="this.button.interactive ? !this.button.interactive(this.funcArg) : false" :disabled="button.interactive ? !button.interactive(funcArg) : false"
:href="getComponent(button) == 'a' ? button.link?.(funcArg) || remoteInteractionLink : undefined" :href="getComponent(button) == 'a' ? button.link?.(funcArg) || remoteInteractionLink : undefined"
@click="doActionWrap(button, outerClose)" @click="doActionWrap(button, outerClose)"
> >

3
src/components/status_body/status_body.scss
View file

@ -60,8 +60,7 @@
&.-tall-status { &.-tall-status {
position: relative; position: relative;
height: 220px; height: 220px;
overflow-x: hidden; overflow: hidden;
overflow-y: hidden;
z-index: 1; z-index: 1;
.media-body { .media-body {

14
src/components/tab_switcher/tab_switcher.scss
View file

@ -12,8 +12,7 @@
> .tabs { > .tabs {
width: 100%; width: 100%;
overflow-y: hidden; overflow: auto hidden;
overflow-x: auto;
padding-top: 5px; padding-top: 5px;
flex-direction: row; flex-direction: row;
flex: 0 0 auto; flex: 0 0 auto;
@ -56,7 +55,7 @@
&.side-tabs { &.side-tabs {
flex-direction: row; flex-direction: row;
@media all and (max-width: 800px) { @media all and (width <= 800px) {
overflow-x: auto; overflow-x: auto;
} }
@ -66,8 +65,7 @@
> .tabs { > .tabs {
flex: 0 0 auto; flex: 0 0 auto;
overflow-y: auto; overflow: hidden auto;
overflow-x: hidden;
flex-direction: column; flex-direction: column;
&::after, &::after,
@ -92,7 +90,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@media all and (max-width: 800px) { @media all and (width <= 800px) {
min-width: 4em; min-width: 4em;
} }
@ -133,7 +131,7 @@
margin-left: 1.5em; margin-left: 1.5em;
} }
@media all and (max-width: 800px) { @media all and (width <= 800px) {
padding-left: 0.25em; padding-left: 0.25em;
padding-right: calc(0.25em + 200px); padding-right: calc(0.25em + 200px);
margin-right: calc(0.25em - 200px); margin-right: calc(0.25em - 200px);
@ -244,7 +242,7 @@
margin-bottom: 0.25em; margin-bottom: 0.25em;
border-bottom: 1px solid var(--border); border-bottom: 1px solid var(--border);
@media all and (min-width: 800px) { @media all and (width >= 800px) {
display: none; display: none;
} }
} }

4
src/components/update_notification/update_notification.scss
View file

@ -18,7 +18,7 @@
padding-left: 1em; padding-left: 1em;
} }
@media all and (max-width: 800px) { @media all and (width <= 800px) {
/* For mobile, the modal takes 100% of the available screen. /* For mobile, the modal takes 100% of the available screen.
This ensures the minimized modal is always 50px above the browser This ensures the minimized modal is always 50px above the browser
bottom bar regardless of whether or not it is visible. bottom bar regardless of whether or not it is visible.
@ -26,7 +26,7 @@
width: 100vw; width: 100vw;
} }
@media all and (max-height: 600px) { @media all and (height <= 600px) {
display: none; display: none;
} }

10
src/components/user_card/user_card.scss
View file

@ -21,10 +21,7 @@
.background-image { .background-image {
position: absolute; position: absolute;
top: 0; inset: 0;
left: 0;
right: 0;
bottom: 0;
mask: mask:
linear-gradient(to top, white, transparent) bottom no-repeat, linear-gradient(to top, white, transparent) bottom no-repeat,
linear-gradient(to top, white, white); linear-gradient(to top, white, white);
@ -125,10 +122,7 @@
&.-overlay { &.-overlay {
position: absolute; position: absolute;
left: 0; inset: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgb(0 0 0 / 30%); background-color: rgb(0 0 0 / 30%);
display: flex; display: flex;
justify-content: center; justify-content: center;

10
src/panel.scss
View file

@ -25,10 +25,7 @@
&::after { &::after {
content: ""; content: "";
position: absolute; position: absolute;
top: 0; inset: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 5; z-index: 5;
box-shadow: var(--_shadow); box-shadow: var(--_shadow);
pointer-events: none; pointer-events: none;
@ -107,10 +104,7 @@
&::before { &::before {
content: ""; content: "";
position: absolute; position: absolute;
top: 0; inset: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none; pointer-events: none;
} }