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

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

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

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

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

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

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

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

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

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

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

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

@ -29,7 +29,7 @@
.emoji-list {
display: flex;
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
z-index: 2;
opacity: 0.9;
top: 0;
bottom: 0;
left: 0;
right: 0;
inset: 0;
}
dd {

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

@ -46,7 +46,7 @@
max-width: 90vw;
height: 90vh;
@media all and (max-width: 800px) {
@media all and (width <= 800px) {
max-width: 100vw;
height: 100%;
}
@ -105,7 +105,7 @@
*/
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.
This ensures the minimized modal is always 50px above the browser bottom
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 {
height: 15em;
overflow-y: auto;
overflow-x: hidden;
overflow: hidden auto;
scrollbar-gutter: stable;
border-radius: var(--roundness);
border: 1px solid var(--border);
@ -112,8 +111,7 @@
flex-wrap: wrap;
margin: -0.5em 0;
height: 25em;
overflow-x: hidden;
overflow-y: auto;
overflow: hidden auto;
scrollbar-gutter: stable;
border-radius: var(--roundness);
border: 1px solid var(--border);

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

@ -112,8 +112,7 @@
grid-area: preview;
min-width: 25em;
margin-left: 0.125em;
align-self: start;
justify-self: center;
place-self: start 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 {
margin-left: 20px;
}

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

@ -12,7 +12,7 @@
:title="$t(button.label(funcArg))"
target="_blank"
: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"
@click="doActionWrap(button, outerClose)"
>

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

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

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

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

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

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

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

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

10
src/panel.scss
View file

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