github
/
ha-frontend
mirror of https://github.com/home-assistant/frontend
1
Fork 0
Code Releases Activity

Use media query for config menu mobile (#12510)

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;
}
:host([narrow]) ha-card {
border-radius: 0;
box-shadow: unset;
}
:host([narrow]) ha-config-section {
margin-top: -42px;
@media all and (max-width: 600px) {
ha-card {
border-width: 1px 0;
border-radius: 0;
box-shadow: unset;
}
ha-config-section {
margin-top: -42px;
}
}
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-bottom: 0;
}
:host([narrow]) ha-card {
border-radius: 0;
box-shadow: unset;
}
:host([narrow]) ha-config-section {
margin-top: -42px;
@media all and (max-width: 600px) {
ha-card {
border-width: 1px 0;
border-radius: 0;
box-shadow: unset;
}
ha-config-section {
margin-top: -42px;
}
}
ha-tip {