From d4501f29284a05dbf6013dec625f944d352a0af0 Mon Sep 17 00:00:00 2001 From: Jarek Radosz Date: Fri, 20 Jun 2025 23:54:40 +0200 Subject: [PATCH] stylelint fix --- .../modules/ai-bot-conversations/common.scss | 2 +- .../modules/ai-bot/common/ai-discobot-discoveries.scss | 4 ++-- .../modules/ai-helper/common/ai-helper.scss | 2 +- .../modules/ai-helper/mobile/ai-helper.scss | 2 +- .../modules/llms/common/ai-llms-editor.scss | 10 ++++++---- assets/stylesheets/modules/llms/common/usage.scss | 8 ++++---- .../modules/sentiment/common/dashboard.scss | 10 ++++++---- .../modules/summarization/common/ai-summary.scss | 4 +++- 8 files changed, 24 insertions(+), 18 deletions(-) diff --git a/assets/stylesheets/modules/ai-bot-conversations/common.scss b/assets/stylesheets/modules/ai-bot-conversations/common.scss index 27275aa4..904ad85d 100644 --- a/assets/stylesheets/modules/ai-bot-conversations/common.scss +++ b/assets/stylesheets/modules/ai-bot-conversations/common.scss @@ -210,7 +210,7 @@ body.has-ai-conversations-sidebar { line-height: var(--line-height-medium); // optical centering for layout balance - @media screen and (min-height: 600px) { + @media screen and (height >= 600px) { margin-top: -6em; } } diff --git a/assets/stylesheets/modules/ai-bot/common/ai-discobot-discoveries.scss b/assets/stylesheets/modules/ai-bot/common/ai-discobot-discoveries.scss index 83b9cfed..b452e1df 100644 --- a/assets/stylesheets/modules/ai-bot/common/ai-discobot-discoveries.scss +++ b/assets/stylesheets/modules/ai-bot/common/ai-discobot-discoveries.scss @@ -30,7 +30,7 @@ content: ""; position: absolute; display: block; - background: linear-gradient(rgba(255, 255, 255, 0), var(--secondary)); + background: linear-gradient(rgb(255, 255, 255, 0), var(--secondary)); height: 50%; width: 100%; bottom: 0; @@ -118,7 +118,7 @@ padding-top: 0.5em; } -@include breakpoint("medium", min-width) { +@include viewport.from(lg) { .search-menu .menu-panel:has(.ai-search-discoveries__discoveries-title) { width: 80vw; max-width: 900px; diff --git a/assets/stylesheets/modules/ai-helper/common/ai-helper.scss b/assets/stylesheets/modules/ai-helper/common/ai-helper.scss index 20ef5909..56e22457 100644 --- a/assets/stylesheets/modules/ai-helper/common/ai-helper.scss +++ b/assets/stylesheets/modules/ai-helper/common/ai-helper.scss @@ -651,7 +651,7 @@ .desktop-view & { // a little extra space for extra narrow desktop view - @media screen and (max-width: 675px) { + @media screen and (width <= 675px) { span { display: none; } diff --git a/assets/stylesheets/modules/ai-helper/mobile/ai-helper.scss b/assets/stylesheets/modules/ai-helper/mobile/ai-helper.scss index 2e16f4ae..d12bfa27 100644 --- a/assets/stylesheets/modules/ai-helper/mobile/ai-helper.scss +++ b/assets/stylesheets/modules/ai-helper/mobile/ai-helper.scss @@ -35,7 +35,7 @@ padding: 0.5em; border-radius: var(--d-border-radius); border: 1px solid var(--primary-low); - box-shadow: 0 0 4px rgba(0, 0, 0, 0.125); + box-shadow: 0 0 4px rgb(0, 0, 0, 0.125); overflow: auto; overscroll-behavior: contain; } diff --git a/assets/stylesheets/modules/llms/common/ai-llms-editor.scss b/assets/stylesheets/modules/llms/common/ai-llms-editor.scss index ac7d8669..566a98cb 100644 --- a/assets/stylesheets/modules/llms/common/ai-llms-editor.scss +++ b/assets/stylesheets/modules/llms/common/ai-llms-editor.scss @@ -1,3 +1,5 @@ +@use "lib/viewport"; + .ai-llms-list-editor { &__header { display: flex; @@ -52,7 +54,7 @@ background: inherit; } - @include breakpoint("tablet", min-width) { + @include viewport.from(md) { th, td { &:first-child { @@ -84,7 +86,7 @@ gap: 0; margin-bottom: 2em; - @include breakpoint("mobile-extra-large", min-width) { + @include viewport.from(sm) { margin-bottom: 3em; } } @@ -95,7 +97,7 @@ line-height: var(--line-height-large); align-self: start; - @include breakpoint("mobile-extra-large", min-width) { + @include viewport.from(sm) { max-width: 17em; } } @@ -135,7 +137,7 @@ font-size: var(--font-down-1); } -@include breakpoint("tablet") { +@include viewport.until(md) { .ai-llm-list__description { max-width: 80%; } diff --git a/assets/stylesheets/modules/llms/common/usage.scss b/assets/stylesheets/modules/llms/common/usage.scss index 228decc4..b33e2862 100644 --- a/assets/stylesheets/modules/llms/common/usage.scss +++ b/assets/stylesheets/modules/llms/common/usage.scss @@ -1,7 +1,7 @@ .ai-usage { - --chart-response-color: rgba(75, 192, 192, 0.8); - --chart-request-color: rgba(153, 102, 255, 0.8); - --chart-cached-color: rgba(153, 102, 255, 0.4); + --chart-response-color: rgb(75, 192, 192, 0.8); + --chart-request-color: rgb(153, 102, 255, 0.8); + --chart-cached-color: rgb(153, 102, 255, 0.4); padding: 1em; &__filters-dates { @@ -89,7 +89,7 @@ gap: 2em; margin-top: 2em; - @media (max-width: 768px) { + @media (width <= 768px) { grid-template-columns: none; display: flex; flex-direction: column; diff --git a/assets/stylesheets/modules/sentiment/common/dashboard.scss b/assets/stylesheets/modules/sentiment/common/dashboard.scss index 4fd9d412..2fcd4bdc 100644 --- a/assets/stylesheets/modules/sentiment/common/dashboard.scss +++ b/assets/stylesheets/modules/sentiment/common/dashboard.scss @@ -1,3 +1,5 @@ +@use "lib/viewport"; + .dashboard.dashboard-sentiment { .charts { display: grid; @@ -152,7 +154,7 @@ border-bottom: 1px solid var(--primary-low); margin-bottom: 1rem; - @include breakpoint("mobile-extra-large") { + @include viewport.until(sm) { .d-button-label { display: none; } @@ -194,17 +196,17 @@ &[data-sentiment-score="positive"] { color: rgb(var(--d-sentiment-report-positive-rgb)); - background: rgba(var(--d-sentiment-report-positive-rgb), 0.1); + background: rgb(var(--d-sentiment-report-positive-rgb), 0.1); } &[data-sentiment-score="neutral"] { color: rgb(var(--d-sentiment-report-neutral-rgb)); - background: rgba(var(--d-sentiment-report-neutral-rgb), 0.1); + background: rgb(var(--d-sentiment-report-neutral-rgb), 0.1); } &[data-sentiment-score="negative"] { color: rgb(var(--d-sentiment-report-negative-rgb)); - background: rgba(var(--d-sentiment-report-negative-rgb), 0.1); + background: rgb(var(--d-sentiment-report-negative-rgb), 0.1); } } diff --git a/assets/stylesheets/modules/summarization/common/ai-summary.scss b/assets/stylesheets/modules/summarization/common/ai-summary.scss index 3b8301bf..8a9ddef6 100644 --- a/assets/stylesheets/modules/summarization/common/ai-summary.scss +++ b/assets/stylesheets/modules/summarization/common/ai-summary.scss @@ -1,3 +1,5 @@ +@use "lib/viewport"; + .topic-map { // Hide the Top Replies label if summarization is enabled &:has(.topic-map__additional-contents .ai-summarization-button) { @@ -71,7 +73,7 @@ grid-template-areas: "summarized regenerate" " outdated regenerate"; grid-template-columns: 1fr auto; - @include breakpoint(mobile-large) { + @include viewport.until(sm) { gap: 0.25em 0.5em; grid-template-areas: "summarized summarized" "regenerate outdated"; }