2018-08-05 11:01:17 +03:00
|
|
|
@import '../../utils/base';
|
|
|
|
@import '../../utils/mixins/vertical-align';
|
2018-07-28 10:18:55 +03:00
|
|
|
|
2018-08-05 09:49:07 +03:00
|
|
|
.short-urls-row {
|
|
|
|
@media (max-width: $smMax) {
|
|
|
|
display: block;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
border-bottom: 1px solid $lightGrey;
|
2018-08-05 11:01:17 +03:00
|
|
|
position: relative;
|
2018-08-05 09:49:07 +03:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.short-urls-row__cell.short-urls-row__cell {
|
2018-07-28 10:18:55 +03:00
|
|
|
vertical-align: middle !important;
|
2018-08-05 09:49:07 +03:00
|
|
|
|
|
|
|
@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 {
|
2018-08-05 11:01:17 +03:00
|
|
|
position: absolute;
|
|
|
|
top: 3px;
|
|
|
|
right: .5rem;
|
|
|
|
width: auto;
|
|
|
|
padding: 0;
|
2018-08-05 09:49:07 +03:00
|
|
|
}
|
|
|
|
}
|
2018-07-28 10:18:55 +03:00
|
|
|
}
|
2018-08-04 18:52:56 +03:00
|
|
|
.short-urls-row__cell--break {
|
|
|
|
word-break: break-all;
|
|
|
|
}
|
2018-07-28 10:18:55 +03:00
|
|
|
|
|
|
|
.short-urls-row__cell--relative {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.short-urls-row__copy-hint {
|
|
|
|
@include vertical-align();
|
2018-08-01 20:04:58 +03:00
|
|
|
right: 100%;
|
2018-07-28 10:18:55 +03:00
|
|
|
}
|