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

Use media query for config menu mobile (#12510)

Browse Source
This commit is contained in:
Bram Kragten 2022-04-29 14:41:27 +02:00 committed by GitHub
parent e16a61eb53
commit bf8affaf2b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/panels/config/core/ha-config-system-navigation.ts
View File

@ -126,13 +126,15 @@ class HaConfigSystemNavigation extends LitElement {
padding-bottom: 0; padding-bottom: 0;
} }
:host([narrow]) ha-card { @media all and (max-width: 600px) {
border-radius: 0; ha-card {
box-shadow: unset; border-width: 1px 0;
} border-radius: 0;
box-shadow: unset;
:host([narrow]) ha-config-section { }
margin-top: -42px; ha-config-section {
margin-top: -42px;
}
} }
ha-navigation-list { ha-navigation-list {

15
src/panels/config/dashboard/ha-config-dashboard.ts
View File

@ -277,13 +277,16 @@ class HaConfigDashboard extends LitElement {
padding: 16px; padding: 16px;
padding-bottom: 0; padding-bottom: 0;
} }
:host([narrow]) ha-card {
border-radius: 0;
box-shadow: unset;
}
:host([narrow]) ha-config-section { @media all and (max-width: 600px) {
margin-top: -42px; ha-card {
border-width: 1px 0;
border-radius: 0;
box-shadow: unset;
}
ha-config-section {
margin-top: -42px;
}
} }
ha-tip { ha-tip {