jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-11-15 22:10:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Ha dialog header (#16485)

Browse Source
This commit is contained in:
Paul Bottein
2023-05-10 14:34:19 +02:00
committed by GitHub
parent 3325cbfa28
commit 3838d76094
15 changed files with 450 additions and 547 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/ha-dialog.ts
View File

@@ -63,6 +63,10 @@ export class HaDialog extends DialogBase {
static override styles = [
styles,
css`
:host([scrolled]) ::slotted(ha-dialog-header) {
border-bottom: 1px solid
var(--mdc-dialog-scroll-divider-color, rgba(0, 0, 0, 0.12));
}
.mdc-dialog {
--mdc-dialog-scroll-divider-color: var(
--dialog-scroll-divider-color,
@@ -119,13 +123,6 @@ export class HaDialog extends DialogBase {
display: flex;
flex-direction: column;
}
.header_button {
position: absolute;
right: 16px;
top: 14px;
text-decoration: none;
color: inherit;
}
.header_title {
margin-right: 32px;
margin-inline-end: 32px;
@@ -133,6 +130,11 @@ export class HaDialog extends DialogBase {
direction: var(--direction);
}
.header_button {
position: absolute;
right: 16px;
top: 14px;
text-decoration: none;
color: inherit;
inset-inline-start: initial;
inset-inline-end: 16px;
direction: var(--direction);