forked from platypush/platypush
Apply `word-break: break-all` to entities' names and values.
The entity name and value in the component header may be arbitrarily long and rendered on small screens. We therefore need to ensure that the text won't overflow the screen width.
This commit is contained in:
parent
3d7755159f
commit
0b853e0a54
|
@ -221,6 +221,7 @@ export default {
|
|||
.head {
|
||||
.name {
|
||||
display: inline-flex;
|
||||
word-break: break-all;
|
||||
|
||||
&:hover {
|
||||
color: $hover-fg;
|
||||
|
@ -231,6 +232,10 @@ export default {
|
|||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
.value {
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.icon:hover {
|
||||
color: $hover-fg;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue