mirror of
https://github.com/discourse/discourse.git
synced 2025-02-25 22:19:40 +08:00

Stylelint is a css linter: https://stylelint.io/ As part of this change we have added two javascript scripts: ``` pnpm lint:css pnpm lint:css:fix ``` Look at `.vscode/settings.json.sample` and `.vscode/extensions.json` for configuration in VSCode. --------- Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
49 lines
783 B
SCSS
49 lines
783 B
SCSS
.mobile-view.has-full-page-chat {
|
|
&.disable-message-actions-touch {
|
|
.chat-message-actions {
|
|
+ .d-modal__backdrop,
|
|
> * {
|
|
pointer-events: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
#skip-link {
|
|
@include user-select(none);
|
|
}
|
|
|
|
#skip-link,
|
|
.d-header,
|
|
.chat-message-actions-mobile-outlet,
|
|
.chat-channel,
|
|
.chat-thread {
|
|
> * {
|
|
@include user-select(none);
|
|
}
|
|
}
|
|
|
|
.chat-message-container {
|
|
transition: transform 400ms;
|
|
transform: scale(1);
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
&.-active {
|
|
animation: scale-animation 400ms;
|
|
}
|
|
}
|
|
}
|
|
|
|
@keyframes scale-animation {
|
|
0% {
|
|
transform: scale(1);
|
|
}
|
|
|
|
80% {
|
|
transform: scale(0.95);
|
|
}
|
|
|
|
100% {
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
}
|