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

Fix flex issues on google and alexa settings page (#4674)

Browse Source
This commit is contained in:
Bram Kragten 2020-01-30 17:18:27 +01:00 committed by GitHub
parent 2e25db4d1b
commit 1912bda60d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 11 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/layouts/hass-subpage.ts
View File

@ -53,13 +53,14 @@ class HassSubpage extends LitElement {
display: flex;
align-items: center;
font-size: 20px;
height: 64px;
height: 65px;
padding: 0 16px;
pointer-events: none;
background-color: var(--app-header-background-color);
font-weight: 400;
color: var(--app-header-text-color, white);
border-bottom: var(--app-header-border-bottom, none);
box-sizing: border-box;
}
ha-menu-button,
@ -81,7 +82,7 @@ class HassSubpage extends LitElement {
.content {
position: relative;
width: 100%;
height: calc(100% - 64px);
height: calc(100% - 65px);
overflow-y: auto;
overflow: auto;
-webkit-overflow-scrolling: touch;

12
src/panels/config/cloud/alexa/cloud-alexa.ts
View File

@ -337,18 +337,14 @@ class CloudAlexa extends LitElement {
padding: 0 8px;
}
.content {
display: flex;
flex-wrap: wrap;
padding: 4px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-gap: 8px 8px;
padding: 8px;
}
ha-switch {
clear: both;
}
ha-card {
margin: 4px;
width: 300px;
flex-grow: 1;
}
.card-content {
padding-bottom: 12px;
}

12
src/panels/config/cloud/google-assistant/cloud-google-assistant.ts
View File

@ -363,14 +363,10 @@ class CloudGoogleAssistant extends LitElement {
padding: 0 8px;
}
.content {
display: flex;
flex-wrap: wrap;
padding: 4px;
}
ha-card {
margin: 4px;
width: 300px;
flex-grow: 1;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-gap: 8px 8px;
padding: 8px;
}
.card-content {
padding-bottom: 12px;