158 lines
3.2 KiB
SCSS
158 lines
3.2 KiB
SCSS
// 1600px
|
|
@media screen and (max-width: 100em) {
|
|
// @import "./1600/my_table_1600";
|
|
// @import "./1600/the_list_panel_1600";
|
|
// @import "./1600/sub_header_1600";
|
|
}
|
|
// 1399px
|
|
@media screen and (max-width: 87.499em) {
|
|
// @import "./1399/the_list_panel-1399";
|
|
// @import "./1399/_sub_header_1399";
|
|
}
|
|
|
|
// 991px
|
|
@media screen and (max-width: 61.998em) {
|
|
.main-page__content {
|
|
.search-items {
|
|
height: calc(100vh - 18em);
|
|
}
|
|
.filter-list-container {
|
|
padding-top: 0.5em;
|
|
position: fixed;
|
|
width: 23em;
|
|
z-index: 9;
|
|
// width: auto;
|
|
|
|
.main-filter {
|
|
display: none;
|
|
}
|
|
.mobile-mode {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
|
|
.btn {
|
|
border-radius: 50%;
|
|
// font-size: 0.7rem;
|
|
width: 2.5em;
|
|
height: 2.5em;
|
|
box-shadow: 0px 0px 7px 1px #eee;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
transform: translateX(1.5em);
|
|
background-color: #eee;
|
|
|
|
&:hover {
|
|
filter: brightness(0.8);
|
|
}
|
|
}
|
|
}
|
|
|
|
&.expanded {
|
|
top: 0;
|
|
bottom: 0;
|
|
background: #fff;
|
|
justify-content: center;
|
|
box-shadow: -1px 0px 7px 1px #eee;
|
|
|
|
.main-filter {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
.nav.nav-tabs {
|
|
li {
|
|
.nav-link {
|
|
font-size: 0.8rem;
|
|
}
|
|
}
|
|
li.desktop:nth-child(n + 4) {
|
|
display: none;
|
|
}
|
|
// .combo-list {
|
|
// margin-top: 1em;
|
|
// }
|
|
}
|
|
|
|
.summary-container {
|
|
padding-top: 0.5em;
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 9;
|
|
width: auto;
|
|
|
|
&.expanded {
|
|
background: #fff;
|
|
justify-content: center;
|
|
box-shadow: -1px 0px 7px 1px #eee;
|
|
}
|
|
}
|
|
.search-container {
|
|
.btn,
|
|
.form-control {
|
|
font-size: 0.9rem;
|
|
}
|
|
.logo {
|
|
max-width: 2.3em;
|
|
}
|
|
}
|
|
.advanced-search {
|
|
position: fixed;
|
|
}
|
|
}
|
|
|
|
// .nav-sidebar {
|
|
// display: block;
|
|
|
|
// &.sidebar-expanded-mobile {
|
|
// display: block;
|
|
// }
|
|
// }
|
|
|
|
// @import "./991/_sub_header_991";
|
|
// @import "./991/my_table_991";
|
|
}
|
|
|
|
// 767px
|
|
@media screen and (max-width: 47.938em) {
|
|
.main-page__content {
|
|
margin-right: 0 !important;
|
|
}
|
|
// @import "./767/group";
|
|
// @import "./767/the_list_panel_767";
|
|
// @import "./767/the_navbar_767";
|
|
// @import "./767/_sub_header_767";
|
|
// @import "./767/the-footer";
|
|
}
|
|
|
|
// 575px
|
|
@media screen and (max-width: 35.938em) {
|
|
// @import "./575/main_575";
|
|
// @import "./575/my_table_575";
|
|
// @import "./575/the_list_panel_575";
|
|
// @import "./575/the_navbar_575";
|
|
// @import "./575/sub_header_575";
|
|
.majles-search-table {
|
|
.table-responsive {
|
|
height: calc(-28em + 100vh);
|
|
}
|
|
}
|
|
}
|
|
|
|
// 399px
|
|
@media screen and (max-width: 24.938em) {
|
|
// @import "./399/my_table_399";
|
|
// @import "./399/sub_header_399";
|
|
// @import "./399/the-_navbar_399";
|
|
// @import "./399/the_list_panel_399";
|
|
}
|
|
//360px
|
|
@media screen and (max-width: 22.5em) {
|
|
// @import "./360/main_360";
|
|
// @import "./360/sub_header_360";
|
|
// @import "./360/the_list_panel_360";
|
|
// @import "./360/the_navbar_360";
|
|
}
|