Home-Assistant/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-12-24 20:55:49 +00:00
Code 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
2 changed files with 18 additions and 13 deletions
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 {