jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-08-01 13:37:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Consolidate ha-sortable-style and remove rtl styling

Browse Source
This commit is contained in:
Donnie 2020-12-24 12:41:13 -08:00
parent dca9bec03c
commit b6cf935953
2 changed files with 6 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/ha-clickable-list-item.ts
View File

@ -31,11 +31,6 @@ export class HaClickableListItem extends ListItemBase {
padding-right: 0px; padding-right: 0px;
} }
:host([rtl]) {
padding-left: var(--mdc-list-side-padding, 0px);
padding-right: var(--mdc-list-side-padding, 0px);
}
:host([rtl]) span { :host([rtl]) span {
margin-left: var(--mdc-list-item-graphic-margin, 20px) !important; margin-left: var(--mdc-list-item-graphic-margin, 20px) !important;
margin-right: 0px !important; margin-right: 0px !important;

16
src/resources/ha-sortable-style.ts
View File

@ -1,6 +1,7 @@
import { css } from "lit-element"; import { css } from "lit-element";
export const sortableStyles = css` export const sortableStyles = css`
#sortable ha-clickable-list-item:nth-of-type(2n),
#sortable a:nth-of-type(2n) paper-icon-item { #sortable a:nth-of-type(2n) paper-icon-item {
animation-name: keyframes1; animation-name: keyframes1;
animation-iteration-count: infinite; animation-iteration-count: infinite;
@ -9,6 +10,7 @@ export const sortableStyles = css`
animation-duration: 0.25s; animation-duration: 0.25s;
} }
#sortable ha-clickable-list-item:nth-of-type(2n-1),
#sortable a:nth-of-type(2n-1) paper-icon-item { #sortable a:nth-of-type(2n-1) paper-icon-item {
animation-name: keyframes2; animation-name: keyframes2;
animation-iteration-count: infinite; animation-iteration-count: infinite;
@ -34,16 +36,13 @@ export const sortableStyles = css`
.sortable-fallback { .sortable-fallback {
display: none; display: none;
opacity: 0;
} }
.sortable-ghost { .sortable-ghost {
opacity: 0.4; opacity: 0.4;
} }
.sortable-fallback {
opacity: 0;
}
@keyframes keyframes1 { @keyframes keyframes1 {
0% { 0% {
transform: rotate(-1deg); transform: rotate(-1deg);
@ -73,15 +72,10 @@ export const sortableStyles = css`
display: none; display: none;
position: absolute; position: absolute;
top: 0; top: 0;
right: 4px; right: 0;
--mdc-icon-button-size: 40px; --mdc-icon-button-size: 40px;
} }
:host([rtl]) .show-panel {
right: initial;
left: 4px;
}
.hide-panel { .hide-panel {
top: 4px; top: 4px;
right: 8px; right: 8px;
@ -100,6 +94,8 @@ export const sortableStyles = css`
display: inline-flex; display: inline-flex;
} }
ha-clickable-list-item.hidden-panel,
ha-clickable-list-item.hidden-panel span,
paper-icon-item.hidden-panel, paper-icon-item.hidden-panel,
paper-icon-item.hidden-panel span, paper-icon-item.hidden-panel span,
paper-icon-item.hidden-panel ha-icon[slot="item-icon"] { paper-icon-item.hidden-panel ha-icon[slot="item-icon"] {