jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-24 09:46:36 +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

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

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

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

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