ui/app/styles/layout/_small.scss

86 lines
1.3 KiB
SCSS

///640
// @media only screen and (max-width: map-get($breakpoints, small)) {
// }
// RANCHER MEDIA QUERIES
/*xs*/
// /*480px*/
// @media (min-width: $screen-xs) {
// }
// /*small*/
// @media (min-width: $screen-sm) {
// }
/*695-959*/
@media only screen and (max-width: map-get($breakpoints, small)) {
.sortable-table {
table {
margin-top: 25px;
}
tbody {
margin-top: 50px;
}
.row-check, .actions {
text-align: left;
}
}
TABLE.bordered > TBODY > TR.main-row {
display: block;
&:nth-child(even) {
background-color: rgba($accent-one, .3);
}
> td {
display: block;
widows: 100%;
padding: 5px;
}
}
.fixed-header-placeholder {
height: 0;
display: none;
}
.fixed-header-actions {
display: block;
visibility: visible;
position: relative;
.search-group {
float: none;
}
.input-group.search-group input {
padding-right: 0;
}
}
.hidden-sm {
display: none;
}
//catalog boxes
.catalog-box {
height: auto;
width: 100%;
margin: 15px 0 0 0;
.catalog-icon {
max-width: 100%;
}
.footer {
position: static;
margin-top: 10px;
}
}
FOOTER {
position: relative;
background-color: transparent;
}
}