enki/blap
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

Removing the wierd blue border color when focused + adjusted the bord… (#33630)

Browse Source 
* Removing the wierd blue border color when focused + adjusted the border to show when squeezed at the end of border

* Update snapshots

* Update edited code block screenshot
This commit is contained in:
Zack
2026-05-29 11:00:23 +02:00
committed by GitHub
parent 7ff2bc3e40
commit 92383e3f50
9 changed files with 24 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/playwright/snapshots/timeline/timeline.spec.ts/edited-code-block-linux.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.3 KiB

After

Width:  |  Height:  |  Size: 7.3 KiB

apps/web/test/unit-tests/components/views/elements/__snapshots__/ReplyChain-test.tsx.snap
+1 -1
View File
@@ -44,7 +44,7 @@ exports[`ReplyChain should call setQuoteExpanded if chain is longer than 2 lines
</div>
</div>
<div
class="mx_MTextBody mx_EventTile_content _root_1hgc7_8 _text_1hgc7_13"
class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
>
<div
class="mx_EventTile_body translate"
apps/web/test/unit-tests/components/views/messages/__snapshots__/TextualBody-test.tsx.snap
+3 -3
View File
@@ -130,7 +130,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills appear for an
exports[`<TextualBody /> renders formatted m.text correctly pills appear for event permalinks without a custom label 1`] = `
<DocumentFragment>
<div
class="mx_MTextBody mx_EventTile_content _root_1hgc7_8 _text_1hgc7_13"
class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
>
<div
class="mx_EventTile_body markdown-body translate"
@@ -177,7 +177,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills appear for eve
exports[`<TextualBody /> renders formatted m.text correctly pills appear for room links with vias 1`] = `
<DocumentFragment>
<div
class="mx_MTextBody mx_EventTile_content _root_1hgc7_8 _text_1hgc7_13"
class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
>
<div
class="mx_EventTile_body markdown-body translate"
@@ -225,7 +225,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills appear for roo
exports[`<TextualBody /> renders formatted m.text correctly pills do not appear for event permalinks with a custom label 1`] = `
<DocumentFragment>
<div
class="mx_MTextBody mx_EventTile_content _root_1hgc7_8 _text_1hgc7_13"
class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
>
<div
class="mx_EventTile_body markdown-body translate"
apps/web/test/unit-tests/components/views/right_panel/__snapshots__/PinnedMessagesCard-test.tsx.snap
+4 -4
View File
@@ -198,7 +198,7 @@ exports[`<PinnedMessagesCard /> should show two pinned messages 1`] = `
</button>
</div>
<div
class="mx_MTextBody mx_EventTile_content _root_1hgc7_8 _text_1hgc7_13"
class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
id="react-use-id-3"
>
<div
@@ -279,7 +279,7 @@ exports[`<PinnedMessagesCard /> should show two pinned messages 1`] = `
</button>
</div>
<div
class="mx_MTextBody mx_EventTile_content _root_1hgc7_8 _text_1hgc7_13"
class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
id="react-use-id-6"
>
<div
@@ -426,7 +426,7 @@ exports[`<PinnedMessagesCard /> unpin all should not allow to unpinall 1`] = `
</button>
</div>
<div
class="mx_MTextBody mx_EventTile_content _root_1hgc7_8 _text_1hgc7_13"
class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
id="react-use-id-3"
>
<div
@@ -507,7 +507,7 @@ exports[`<PinnedMessagesCard /> unpin all should not allow to unpinall 1`] = `
</button>
</div>
<div
class="mx_MTextBody mx_EventTile_content _root_1hgc7_8 _text_1hgc7_13"
class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
id="react-use-id-6"
>
<div
apps/web/test/unit-tests/components/views/rooms/__snapshots__/PinnedEventTile-test.tsx.snap
+2 -2
View File
@@ -64,7 +64,7 @@ exports[`<PinnedEventTile /> should render pinned event 1`] = `
</button>
</div>
<div
class="mx_MTextBody mx_EventTile_content _root_1hgc7_8 _text_1hgc7_13"
class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
id="react-use-id-2"
>
<div
@@ -143,7 +143,7 @@ exports[`<PinnedEventTile /> should render pinned event with thread info 1`] = `
</button>
</div>
<div
class="mx_MTextBody mx_EventTile_content _root_1hgc7_8 _text_1hgc7_13"
class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
id="react-use-id-2"
>
<div
apps/web/test/unit-tests/components/views/settings/__snapshots__/LayoutSwitcher-test.tsx.snap
+3 -3
View File
@@ -102,7 +102,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
id="1"
>
<div
class="mx_MTextBody mx_EventTile_content _root_1hgc7_8 _text_1hgc7_13"
class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
>
<div
class="mx_EventTile_body translate"
@@ -196,7 +196,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
id="2"
>
<div
class="mx_MTextBody mx_EventTile_content _root_1hgc7_8 _text_1hgc7_13"
class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
>
<div
class="mx_EventTile_body translate"
@@ -293,7 +293,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
id="3"
>
<div
class="mx_MTextBody mx_EventTile_content _root_1hgc7_8 _text_1hgc7_13"
class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
>
<div
class="mx_EventTile_body translate"
apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/AppearanceUserSettingsTab-test.tsx.snap
+3 -3
View File
@@ -245,7 +245,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
id="1"
>
<div
class="mx_MTextBody mx_EventTile_content _root_1hgc7_8 _text_1hgc7_13"
class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
>
<div
class="mx_EventTile_body translate"
@@ -339,7 +339,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
id="2"
>
<div
class="mx_MTextBody mx_EventTile_content _root_1hgc7_8 _text_1hgc7_13"
class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
>
<div
class="mx_EventTile_body translate"
@@ -436,7 +436,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
id="3"
>
<div
class="mx_MTextBody mx_EventTile_content _root_1hgc7_8 _text_1hgc7_13"
class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
>
<div
class="mx_EventTile_body translate"
apps/web/test/unit-tests/utils/exportUtils/__snapshots__/HTMLExport-test.ts.snap
+1 -1
View File
File diff suppressed because one or more lines are too long
packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.module.css
+7 -3
View File
@@ -46,7 +46,9 @@
background: none;
border: none;
height: max-content;
padding: 0;
/* Keep the inward focus ring off the text while preserving the legacy 9px text gap. */
margin-inline-start: calc(9px - var(--cpd-space-0-5x));
padding: 0 var(--cpd-space-0-5x);
cursor: pointer;
font-family: inherit;
font-weight: inherit;
@@ -85,8 +87,10 @@
text-align: inherit;
}
.editedMarker:focus-visible,
.bodyAction:focus-visible,
.editedMarker:focus-visible {
border-radius: var(--cpd-space-0-5x);
}
.emoteSender:focus-visible {
outline: 2px solid var(--cpd-color-border-focused);
outline-offset: 2px;