diff --git a/apps/agentstack-ui/src/components/MarkdownContent/components/Table.module.scss b/apps/agentstack-ui/src/components/MarkdownContent/components/Table.module.scss index f3f4f21cd5..3657a042ff 100644 --- a/apps/agentstack-ui/src/components/MarkdownContent/components/Table.module.scss +++ b/apps/agentstack-ui/src/components/MarkdownContent/components/Table.module.scss @@ -6,7 +6,7 @@ @use 'styles/common' as *; .root { - overflow-x: auto; + overflow-inline: auto; } .table { diff --git a/apps/agentstack-ui/src/components/NotificationMarkdownContent/NotificationMarkdownContent.module.scss b/apps/agentstack-ui/src/components/NotificationMarkdownContent/NotificationMarkdownContent.module.scss index 67eeca9244..62e1e3486d 100644 --- a/apps/agentstack-ui/src/components/NotificationMarkdownContent/NotificationMarkdownContent.module.scss +++ b/apps/agentstack-ui/src/components/NotificationMarkdownContent/NotificationMarkdownContent.module.scss @@ -42,5 +42,5 @@ .code { max-block-size: (2 * $spacing-05 + 5 * rem(16px)); // 5 lines + padding - overflow-y: auto; + overflow-block: auto; } diff --git a/apps/agentstack-ui/src/components/layouts/Container.module.scss b/apps/agentstack-ui/src/components/layouts/Container.module.scss index e3edba105b..3bc18286ec 100644 --- a/apps/agentstack-ui/src/components/layouts/Container.module.scss +++ b/apps/agentstack-ui/src/components/layouts/Container.module.scss @@ -8,7 +8,7 @@ $sizes: ( xs: rem(504px), sm: rem(608px), - md: rem(768px), + md: rem(800px), lg: rem(928px), xlg: rem(1088px), xxl: rem(1248px), diff --git a/apps/agentstack-ui/src/modules/agents/components/import/ImportAgentsModal.module.scss b/apps/agentstack-ui/src/modules/agents/components/import/ImportAgentsModal.module.scss index a3a6fb3196..c51952f421 100644 --- a/apps/agentstack-ui/src/modules/agents/components/import/ImportAgentsModal.module.scss +++ b/apps/agentstack-ui/src/modules/agents/components/import/ImportAgentsModal.module.scss @@ -44,7 +44,7 @@ .logs { max-block-size: rem(256px); - overflow-y: auto; + overflow-block: auto; } @include breakpoint(md) { diff --git a/apps/agentstack-ui/src/modules/runs/chat/ChatMessagesView.module.scss b/apps/agentstack-ui/src/modules/runs/chat/ChatMessagesView.module.scss index da57a97ba4..0db12782bd 100644 --- a/apps/agentstack-ui/src/modules/runs/chat/ChatMessagesView.module.scss +++ b/apps/agentstack-ui/src/modules/runs/chat/ChatMessagesView.module.scss @@ -68,7 +68,7 @@ $zindex-buttons: 2; } .bottomHolder { - overflow-y: auto; + overflow-block: auto; scrollbar-gutter: stable; padding-block-end: $spacing-07; margin-block-end: -$spacing-07; diff --git a/apps/agentstack-ui/src/modules/runs/chat/ChatMessagesView.tsx b/apps/agentstack-ui/src/modules/runs/chat/ChatMessagesView.tsx index 5d657cc3a3..70591cfe1c 100644 --- a/apps/agentstack-ui/src/modules/runs/chat/ChatMessagesView.tsx +++ b/apps/agentstack-ui/src/modules/runs/chat/ChatMessagesView.tsx @@ -54,7 +54,7 @@ export function ChatMessagesView() { >
- +
{ @@ -115,7 +115,7 @@ export function ChatMessagesView() { )}
- + {isPending && (isNotInstalled || isStarting) ? ( {AGENT_STARTING_MESSAGE} ) : ( diff --git a/apps/agentstack-ui/src/modules/runs/chat/ChatUserMessage.module.scss b/apps/agentstack-ui/src/modules/runs/chat/ChatUserMessage.module.scss index e6abe334c0..4263e97290 100644 --- a/apps/agentstack-ui/src/modules/runs/chat/ChatUserMessage.module.scss +++ b/apps/agentstack-ui/src/modules/runs/chat/ChatUserMessage.module.scss @@ -14,8 +14,8 @@ background-color: $layer-02; padding: $spacing-04 $spacing-05; border-radius: $border-radius; - font-size: rem(14px); - line-height: math.div(22, 14); + font-size: rem(16px); + line-height: math.div(26, 16); margin-inline-start: auto; position: relative; &.limitWidth { diff --git a/apps/agentstack-ui/src/modules/runs/components/NoModelSelectedErrorPage.module.scss b/apps/agentstack-ui/src/modules/runs/components/NoModelSelectedErrorPage.module.scss index a3c47a1d9f..b498d41b27 100644 --- a/apps/agentstack-ui/src/modules/runs/components/NoModelSelectedErrorPage.module.scss +++ b/apps/agentstack-ui/src/modules/runs/components/NoModelSelectedErrorPage.module.scss @@ -7,7 +7,7 @@ inline-size: 100%; block-size: 100%; padding-inline: $spacing-08; - overflow-y: auto; + overflow-block: auto; } .container { diff --git a/apps/agentstack-ui/src/styles/_mixins.scss b/apps/agentstack-ui/src/styles/_mixins.scss index 9bb804b6c4..07b0e0976c 100644 --- a/apps/agentstack-ui/src/styles/_mixins.scss +++ b/apps/agentstack-ui/src/styles/_mixins.scss @@ -36,8 +36,8 @@ scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: $layer-03 transparent; - overflow-x: hidden; - overflow-y: auto; + overflow-inline: hidden; + overflow-block: auto; @if $use-stable-gutter { scrollbar-gutter: stable; diff --git a/apps/keycloak-theme/src/login/pages/Register.module.scss b/apps/keycloak-theme/src/login/pages/Register.module.scss index 325adbf5ae..04710d3fa0 100644 --- a/apps/keycloak-theme/src/login/pages/Register.module.scss +++ b/apps/keycloak-theme/src/login/pages/Register.module.scss @@ -40,7 +40,7 @@ font-size: rem(14px); color: $text-secondary; max-block-size: rem(200px); - overflow-y: auto; + overflow-block: auto; } .loginLink { diff --git a/apps/keycloak-theme/src/login/pages/Terms.module.scss b/apps/keycloak-theme/src/login/pages/Terms.module.scss index 728836f4b4..7ef8310ba5 100644 --- a/apps/keycloak-theme/src/login/pages/Terms.module.scss +++ b/apps/keycloak-theme/src/login/pages/Terms.module.scss @@ -13,7 +13,7 @@ .termsText { @include scrollbar(); max-block-size: rem(400px); - overflow-y: auto; + overflow-block: auto; margin-block-end: $spacing-05; } diff --git a/apps/lint-config/stylelint.config.js b/apps/lint-config/stylelint.config.js index c3064bdb0b..5e54a60e4d 100644 --- a/apps/lint-config/stylelint.config.js +++ b/apps/lint-config/stylelint.config.js @@ -3,22 +3,25 @@ * SPDX-License-Identifier: Apache-2.0 */ +import { createRequire } from 'node:module'; + +const require = createRequire(import.meta.url); + /** @type {import('stylelint').Config} */ const config = { - extends: ['stylelint-config-recommended-scss', 'stylelint-config-css-modules'], - plugins: ['stylelint-plugin-logical-css'], + extends: [ + 'stylelint-config-recommended-scss', + 'stylelint-config-css-modules', + 'stylelint-plugin-logical-css/configs/recommended', + ], + // Resolve plugin from this shared config package, not the consumer cwd. + plugins: [require.resolve('stylelint-plugin-logical-css')], rules: { 'scss/function-no-unknown': null, 'scss/operator-no-newline-after': null, 'no-descending-specificity': null, - 'plugin/use-logical-properties-and-values': [ - true, - { - severity: 'warning', - ignore: ['overflow-y', 'overflow-x', '-webkit-box-orient'], - }, - ], 'nesting-selector-no-missing-scoping-root': null, + 'logical-css/require-logical-units': null, }, }; diff --git a/mise.lock b/mise.lock index 3a8afb8931..0af78b42b0 100644 --- a/mise.lock +++ b/mise.lock @@ -277,6 +277,7 @@ url = "https://github.com/lima-vm/lima/releases/download/v2.0.3/lima-2.0.3-Linux [tools.lima."platforms.macos-arm64"] checksum = "sha256:22aee997df59e4fd448041b2d1214e48bd8eaf705d2d48a4307d65c1b179dc97" url = "https://github.com/lima-vm/lima/releases/download/v2.0.3/lima-2.0.3-Darwin-arm64.tar.gz" +provenance = "github-attestations" [tools.lima."platforms.macos-x64"] checksum = "sha256:0806bcb83a08411e9d878b43b2c4203f1556fe14f9f8ba1e5f0d5d9a3c2c0bd8" @@ -445,6 +446,7 @@ url = "https://github.com/astral-sh/uv/releases/download/0.10.4/uv-x86_64-unknow [tools.uv."platforms.macos-arm64"] checksum = "sha256:a6852e4dc565c8fedcf5adcdf09fca7caf5347739bed512bd95b15dada36db51" url = "https://github.com/astral-sh/uv/releases/download/0.10.4/uv-aarch64-apple-darwin.tar.gz" +provenance = "github-attestations" [tools.uv."platforms.macos-x64"] checksum = "sha256:df6dd1c3ebeab4369a098c516c15c233c62bf789a40a4864b30dad1d38d7604e"