Tweak UI for small screens

This commit is contained in:
Paulus Schoutsen 2015-12-05 01:10:04 -08:00
parent 20e7b9a87d
commit 2e8ad266ee
3 changed files with 21 additions and 10 deletions

View File

@ -15,15 +15,18 @@
}
.main-text {
white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
text-transform: capitalize;
font-weight: 400;
white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
text-transform: capitalize;
font-weight: 400;
}
.secondary-text {
color: var(--secondary-text-color);
white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
color: var(--secondary-text-color);
}
</style>
<template>

View File

@ -10,8 +10,9 @@
}
.state {
margin-left: 16px;
text-align: right;
white-space: nowrap;
width: 127px;
}
</style>

View File

@ -11,15 +11,22 @@
.state {
margin-left: 16px;
text-align: right;
overflow-x: hidden;
}
.target {
text-transform: capitalize;
font-weight: 400;
text-transform: capitalize;
font-weight: 400;
white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
}
.current {
color: var(--secondary-text-color);
color: var(--secondary-text-color);
white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
}
</style>
<template>