Fix jank with gr-change-metadata when labels are too long
Change-Id: Ia3df1a4bca8c6e0e0a3844e06f630e2846013617
This commit is contained in:
@@ -53,15 +53,22 @@ limitations under the License.
|
|||||||
background-color: #ffd4d4;
|
background-color: #ffd4d4;
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 50em), screen and (min-width: 75em) {
|
@media screen and (max-width: 50em), screen and (min-width: 75em) {
|
||||||
section {
|
:host {
|
||||||
display: flex;
|
display: table;
|
||||||
}
|
}
|
||||||
section:not(:first-of-type) {
|
section {
|
||||||
margin-top: .25em;
|
display: table-row;
|
||||||
|
}
|
||||||
|
section:not(:first-of-type) .title,
|
||||||
|
section:not(:first-of-type) .value {
|
||||||
|
padding-top: .5em;
|
||||||
|
}
|
||||||
|
.title,
|
||||||
|
.value {
|
||||||
|
display: table-cell;
|
||||||
}
|
}
|
||||||
.title {
|
.title {
|
||||||
margin-right: .5em;
|
padding-right: .5em;
|
||||||
min-width: 9em;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user