Skip to content

Commit 87481d1

Browse files
author
satoshinotdead
committed
css-fixed
1 parent ec8aca0 commit 87481d1

File tree

4 files changed

+37
-16
lines changed

4 files changed

+37
-16
lines changed

package.json

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,9 @@
11
{
22
"private": true,
3+
"scripts": {
4+
"lint:scss": "stylelint \"**/*.scss\"",
5+
"lint:scss:fix": "stylelint \"**/*.scss\" --fix"
6+
},
37
"devDependencies": {
48
"@discourse/lint-configs": "2.25.0",
59
"ember-template-lint": "7.8.1",
@@ -8,7 +12,7 @@
812
"stylelint": "16.20.0"
913
},
1014
"engines": {
11-
"node": ">= 22",
15+
"node": ">= 18",
1216
"npm": "please-use-pnpm",
1317
"yarn": "please-use-pnpm",
1418
"pnpm": "9.x"

scss/box-view.scss

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@use "lib/viewport";
22

3-
@media screen and (width >= 1300px) {
3+
@media screen and (min-width: 1300px) {
44
#main-outlet {
55
border-top-right-radius: var(--d-border-radius-large);
66
border-top-left-radius: var(--d-border-radius-large);
@@ -47,7 +47,7 @@
4747
display: none;
4848
}
4949

50-
@media screen and (width <= 488px) {
50+
@media screen and (max-width: 488px) {
5151
display: none;
5252
}
5353

@@ -94,7 +94,7 @@
9494
bottom: var(--main-grid-gap);
9595
left: var(--left-distance);
9696

97-
@media screen and (width <= 768px) {
97+
@media screen and (max-width: 768px) {
9898
bottom: calc(var(--d-border-radius-large) * 2);
9999
}
100100
}
@@ -104,7 +104,7 @@
104104
bottom: var(--main-grid-gap);
105105
left: calc(var(--right-distance) - var(--d-border-radius-large));
106106

107-
@media screen and (width <= 768px) {
107+
@media screen and (max-width: 768px) {
108108
bottom: calc(var(--d-border-radius-large) * 2);
109109
}
110110
}
@@ -118,7 +118,7 @@
118118
left: var(--left-distance);
119119
height: var(--main-grid-gap);
120120

121-
@media screen and (width <= 768px) {
121+
@media screen and (max-width: 768px) {
122122
height: calc(var(--d-border-radius-large) * 2);
123123
}
124124

@@ -158,7 +158,7 @@
158158
}
159159
}
160160

161-
@media screen and (width >= 768px) {
161+
@media screen and (min-width: 768px) {
162162
.with-topic-progress {
163163
bottom: calc(
164164
env(safe-area-inset-bottom) + var(--composer-height, 0px) +
@@ -167,7 +167,7 @@
167167
}
168168
}
169169

170-
@media screen and (width <= 768px) {
170+
@media screen and (max-width: 768px) {
171171
.with-topic-progress {
172172
bottom: calc(
173173
env(safe-area-inset-bottom) + var(--composer-height, 0px) +
@@ -176,7 +176,7 @@
176176
}
177177
}
178178

179-
@media screen and (width <= 400px) {
179+
@media screen and (max-width: 400px) {
180180
.with-topic-progress {
181181
bottom: calc(env(safe-area-inset-bottom) + var(--composer-height, 0px));
182182
}

scss/composer-peek-mode.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
display: none;
33
}
44

5-
@media screen and (width >= 1300px) {
5+
@media screen and (min-width: 1300px) {
66
html:not(.fullscreen-composer) {
77
.peek-mode-toggle svg {
88
transform: scaleX(-1);

scss/main.scss

Lines changed: 23 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -413,10 +413,11 @@ body.user-messages-page .new-user-wrapper .user-navigation-secondary {
413413
}
414414

415415
// Disable some AI Helper functions
416-
ul.ai-helper-optionsli[data-value="replace_dates"],
417-
ul.ai-helper-optionsli[data-value="markdown_table"],
418-
// Hide redundant groups
419-
ul.ai-helper-optionsli[data-value="markdown_table"],
416+
ul.ai-helper-options li[data-value="replace_dates"],
417+
ul.ai-helper-options li[data-value="markdown_table"] {
418+
display: none;
419+
}
420+
420421
// Hide redundant groups
421422
.groups-boxes .group-box [data-group-name="moderadores"],
422423
.groups-boxes .group-box [data-group-name="admins"] {
@@ -447,14 +448,12 @@ ul.ai-helper-optionsli[data-value="markdown_table"],
447448
}
448449

449450
// Update posts message
450-
451451
#list-area .show-more .alert {
452452
padding: 0.65rem 1.15rem;
453453
border-radius: 0.5rem;
454454
}
455455

456456
// Hide redundant dropdowns on new posts
457-
458457
.dropdown-menu__item [data-name="quote"],
459458
.dropdown-menu__item [data-name="toggle-whisper"],
460459
.dropdown-menu .shortcut {
@@ -488,10 +487,12 @@ ul.ai-helper-optionsli[data-value="markdown_table"],
488487
img.emoji {
489488
vertical-align: unset;
490489
}
490+
491491
[data-wrap="button"] {
492492
text-align: center;
493493
padding-top: 0.3rem;
494494
}
495+
495496
[data-wrap="button"] a {
496497
display: inline-flex;
497498
align-items: center;
@@ -509,3 +510,19 @@ img.emoji {
509510
padding: 0.5em 0.65em;
510511
border: var(--d-button-border);
511512
}
513+
514+
// Centered videos
515+
[data-wrap="centered-video"] {
516+
display: flex;
517+
justify-content: center;
518+
align-items: center;
519+
}
520+
521+
// Restrict max-width if your vertical video is too tall
522+
[data-wrap="centered-video"] video,
523+
[data-wrap="centered-video"] iframe {
524+
display: block;
525+
max-width: 100%;
526+
height: auto;
527+
margin: 0 auto;
528+
}

0 commit comments

Comments
 (0)