Added more responsive improvements

This commit is contained in:
Alejandro Celaya
2018-08-05 08:49:07 +02:00
parent c1880125b3
commit b25cb6c170
7 changed files with 57 additions and 17 deletions

View File

@@ -1,7 +1,33 @@
@import "../../utils/base";
@import "../../utils/mixins/vertical-align";
.short-urls-row__cell {
.short-urls-row {
@media (max-width: $smMax) {
display: block;
margin-bottom: 10px;
border-bottom: 1px solid $lightGrey;
}
}
.short-urls-row__cell.short-urls-row__cell {
vertical-align: middle !important;
@media (max-width: $smMax) {
display: block;
width: 100%;
position: relative;
padding: .5rem;
font-size: .9rem;
&:before {
content: attr(data-th);
font-weight: bold;
}
&:last-child {
display: none;
}
}
}
.short-urls-row__cell--break {
word-break: break-all;