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

Contain slots and scope css instead of using ::slotted

Browse Source 
Polyfill converts `::slotted(*)` to `host-tag > *` which messes up
styles of descendents that are not slotted.
This commit is contained in:
NovapaX 2018-03-26 10:49:14 +02:00
parent 796ec4a4b0
commit c04c30337f
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/entity/state-info.html
View File

@ -31,7 +31,7 @@
line-height: 20px; line-height: 20px;
} }
.time-ago, ::slotted(*) { .time-ago, .extra-info, .extra-info > * {
@apply --paper-font-common-nowrap; @apply --paper-font-common-nowrap;
color: var(--secondary-text-color); color: var(--secondary-text-color);
} }
@ -48,7 +48,9 @@
</div> </div>
</template> </template>
<template is='dom-if' if='[[!inDialog]]'> <template is='dom-if' if='[[!inDialog]]'>
<div class='extra-info'>
<slot> <slot>
</div>
</template> </template>
</div> </div>
</template> </template>