at the end of the day, it was inevitable
This commit is contained in:
Mo Elzubeir
@@ -0,0 +1,929 @@
|
||||
// Responsive
|
||||
|
||||
@media only screen and (max-width: 1320px) {
|
||||
.header-user-info {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
.app-main {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
&::before,
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.app-sidebar {
|
||||
flex: 0 0 $app-sidebar-width !important;
|
||||
width: $app-sidebar-width !important;
|
||||
transform: translateX(-$app-sidebar-width);
|
||||
|
||||
.app-header__logo {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-mobile-open {
|
||||
.app-sidebar {
|
||||
transform: translateX(0);
|
||||
|
||||
.app-sidebar__inner {
|
||||
.app-sidebar__heading {
|
||||
text-indent: initial;
|
||||
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.metismenu-link {
|
||||
text-indent: initial;
|
||||
padding: 0 $layout-spacer-x 0 45px;
|
||||
}
|
||||
|
||||
.metismenu-icon {
|
||||
text-indent: initial;
|
||||
left: 5px;
|
||||
margin-inline-start: 0;
|
||||
}
|
||||
|
||||
.metismenu-state-icon {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.metismenu-container {
|
||||
&.visible {
|
||||
padding: 0.5em 0 0 2rem;
|
||||
|
||||
& > .metismenu-item > .metismenu-link {
|
||||
height: 2.3em;
|
||||
}
|
||||
}
|
||||
|
||||
.metismenu-container {
|
||||
.metismenu-link {
|
||||
padding-inline-start: 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.app-header__logo {
|
||||
width: auto !important;
|
||||
|
||||
.logo-src {
|
||||
width: $logo-width !important;
|
||||
margin-inline-start: auto;
|
||||
margin-inline-end: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fixed-sidebar .app-sidebar {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.sidebar-mobile-overlay {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.app-main {
|
||||
.app-main__outer {
|
||||
padding-inline-start: 0 !important;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.app-header {
|
||||
justify-content: space-between;
|
||||
|
||||
.app-header__logo {
|
||||
display: none;
|
||||
order: 2;
|
||||
background: transparent !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
.app-header__content {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
box-shadow: $box-shadow-default;
|
||||
position: absolute;
|
||||
left: 5%;
|
||||
width: 90%;
|
||||
top: 0;
|
||||
transition: all 0.2s;
|
||||
background: $white;
|
||||
@include border-radius(50px);
|
||||
padding: 0 10px;
|
||||
overflow: hidden;
|
||||
|
||||
.header-btn-lg {
|
||||
margin-inline-start: 0.5rem;
|
||||
padding: 0 0.5rem;
|
||||
|
||||
.hamburger-box {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
& + .header-btn-lg {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.app-header-left {
|
||||
.nav {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.header-mobile-open {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
top: $app-header-height + 20;
|
||||
}
|
||||
}
|
||||
|
||||
.app-header__mobile-menu {
|
||||
display: flex;
|
||||
order: 1;
|
||||
}
|
||||
|
||||
.app-header__menu {
|
||||
display: flex;
|
||||
order: 3;
|
||||
}
|
||||
|
||||
&.header-text-light {
|
||||
.app-header__menu {
|
||||
& > span .btn,
|
||||
& > .btn {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
border-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
.header-mobile-open {
|
||||
background: $gray-800;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.popover,
|
||||
.dropdown-menu {
|
||||
position: fixed !important;
|
||||
z-index: 50;
|
||||
left: 5% !important;
|
||||
top: 50% !important;
|
||||
width: 90% !important;
|
||||
transform: translateY(-50%) !important;
|
||||
min-width: 10px !important;
|
||||
|
||||
.btn-icon-vertical .btn-icon-wrapper {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.popover {
|
||||
max-width: initial;
|
||||
|
||||
.arrow {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.app-page-title {
|
||||
text-align: center;
|
||||
|
||||
.page-title-heading,
|
||||
.page-title-wrapper {
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.page-title-actions {
|
||||
margin: ($grid-gutter-width / 2) auto 0;
|
||||
}
|
||||
|
||||
.page-title-actions,
|
||||
.page-title-subheading {
|
||||
.breadcrumb-item,
|
||||
.breadcrumb {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Footer
|
||||
|
||||
.app-footer .app-footer__inner {
|
||||
.app-footer-right {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.app-footer-left {
|
||||
width: 100%;
|
||||
|
||||
.footer-dots {
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fixed-footer {
|
||||
&.closed-sidebar {
|
||||
.app-footer {
|
||||
.app-footer__inner {
|
||||
margin-inline-start: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Components
|
||||
|
||||
.widget-content {
|
||||
.widget-numbers {
|
||||
font-size: 1.6rem;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.slick-slider-sm {
|
||||
.slick-slider {
|
||||
max-width: 650px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.body-tabs.body-tabs-layout {
|
||||
&.body-tabs-big {
|
||||
display: block !important;
|
||||
|
||||
.RRT__tab {
|
||||
display: inline-block !important;
|
||||
padding: 0 $layout-spacer-x !important;
|
||||
}
|
||||
|
||||
.RRT__showmore {
|
||||
margin-top: -20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ReactTable .-pagination {
|
||||
.-center {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.-previous {
|
||||
padding-inline-end: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-transparent.list-group-item {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.tabs-lg-alternate.card-header {
|
||||
& > .nav .nav-item {
|
||||
.widget-number {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page-title-head {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-between(xs, md) {
|
||||
.app-page-title .page-title-icon,
|
||||
.ui-theme-settings {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
&.responsive-center {
|
||||
display: block;
|
||||
text-align: center;
|
||||
height: auto;
|
||||
padding: $layout-spacer-x;
|
||||
|
||||
.nav,
|
||||
.btn-actions-pane-right {
|
||||
margin: ($layout-spacer-x / 2) 0 0;
|
||||
|
||||
.d-inline-block.ml-2 {
|
||||
width: 100% !important;
|
||||
text-align: start;
|
||||
margin: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.slick-slider-sm {
|
||||
.slick-slider {
|
||||
max-width: 650px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
.slick-slider-sm {
|
||||
.slick-slider {
|
||||
max-width: 850px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(lg) {
|
||||
.-hide-paging .-pagination .-center {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
.app-main .app-main__inner {
|
||||
padding: 15px 15px 0;
|
||||
}
|
||||
|
||||
.mbg-3,
|
||||
body .card.mb-3 {
|
||||
margin-bottom: ($grid-gutter-width / 2) !important;
|
||||
}
|
||||
|
||||
.app-page-title {
|
||||
padding: ($grid-gutter-width / 2);
|
||||
margin: (-($grid-gutter-width / 2)) (-($grid-gutter-width / 2))
|
||||
$grid-gutter-width;
|
||||
}
|
||||
|
||||
.body-tabs.body-tabs-layout {
|
||||
margin-inline-start: (-($grid-gutter-width / 2));
|
||||
margin-inline-end: (-($grid-gutter-width / 2));
|
||||
padding: 0 ($grid-gutter-width / 2);
|
||||
}
|
||||
|
||||
.app-main .app-main__inner > .RRT__container > .RRT__panel {
|
||||
margin-top: ($grid-gutter-width / 2);
|
||||
}
|
||||
|
||||
.popover,
|
||||
.dropdown-menu {
|
||||
width: 80%;
|
||||
left: 10%;
|
||||
}
|
||||
|
||||
body .card-header {
|
||||
height: auto;
|
||||
display: block;
|
||||
padding: ($layout-spacer-x / 2) $layout-spacer-x;
|
||||
text-align: center;
|
||||
|
||||
.btn-actions-pane-right {
|
||||
padding: ($layout-spacer-x / 2) 0 0;
|
||||
}
|
||||
|
||||
.actions-icon-btn {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.card-header {
|
||||
&.card-header-tab {
|
||||
.card-header-title {
|
||||
display: inline-flex !important;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
& > .nav {
|
||||
margin: ($layout-spacer-x / 2) 0 (-($layout-spacer-x / 2));
|
||||
display: table !important;
|
||||
width: 100%;
|
||||
|
||||
.nav-item {
|
||||
display: table-cell;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.header-icon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.profile-responsive-sm,
|
||||
.profile-responsive {
|
||||
.dropdown-menu-header .menu-header-content.btn-pane-right {
|
||||
display: block;
|
||||
text-align: center;
|
||||
|
||||
.avatar-icon-wrapper {
|
||||
margin-inline-end: 0 !important;
|
||||
}
|
||||
|
||||
.menu-header-btn-pane {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.slick-slider-sm .slick-slider .slick-prev {
|
||||
left: ($grid-gutter-width / 2);
|
||||
}
|
||||
|
||||
.slick-slider-sm .slick-slider .slick-next {
|
||||
right: ($grid-gutter-width / 2);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1200px) and (max-width: 1500px) {
|
||||
.profile-responsive {
|
||||
.dropdown-menu-header .menu-header-content.btn-pane-right {
|
||||
display: block;
|
||||
text-align: center;
|
||||
|
||||
.avatar-icon-wrapper {
|
||||
margin-inline-end: 0 !important;
|
||||
}
|
||||
|
||||
.menu-header-btn-pane {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
[dir='rtl'] {
|
||||
// Responsive
|
||||
|
||||
@media only screen and (max-width: 1320px) {
|
||||
.header-user-info {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
.app-main {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
&::before,
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.app-sidebar {
|
||||
flex: 0 0 $app-sidebar-width !important;
|
||||
width: $app-sidebar-width !important;
|
||||
transform: translateX($app-sidebar-width);
|
||||
|
||||
.app-header__logo {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-mobile-open {
|
||||
.app-sidebar {
|
||||
transform: translateX(0);
|
||||
|
||||
.app-sidebar__inner {
|
||||
.app-sidebar__heading {
|
||||
text-indent: initial;
|
||||
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.metismenu-link {
|
||||
text-indent: initial;
|
||||
padding: 0 45px 0 $layout-spacer-x;
|
||||
}
|
||||
|
||||
.metismenu-icon {
|
||||
text-indent: initial;
|
||||
right: 5px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.metismenu-state-icon {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.metismenu-container {
|
||||
&.visible {
|
||||
padding: 0.5em 2rem 0 0;
|
||||
|
||||
& > .metismenu-item > .metismenu-link {
|
||||
height: 2.3em;
|
||||
}
|
||||
}
|
||||
|
||||
.metismenu-container {
|
||||
.metismenu-link {
|
||||
padding-right: 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.app-header__logo {
|
||||
width: auto !important;
|
||||
|
||||
.logo-src {
|
||||
width: $logo-width !important;
|
||||
margin-right: auto;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fixed-sidebar .app-sidebar {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.sidebar-mobile-overlay {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.app-main {
|
||||
.app-main__outer {
|
||||
padding-right: 0 !important;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.app-header {
|
||||
justify-content: space-between;
|
||||
|
||||
.app-header__logo {
|
||||
display: none;
|
||||
order: 2;
|
||||
background: transparent !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
.app-header__content {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
box-shadow: $box-shadow-default;
|
||||
position: absolute;
|
||||
right: 5%;
|
||||
width: 90%;
|
||||
top: 0;
|
||||
transition: all 0.2s;
|
||||
background: $white;
|
||||
@include border-radius(50px);
|
||||
padding: 0 10px;
|
||||
overflow: hidden;
|
||||
|
||||
.header-btn-lg {
|
||||
margin-right: 0.5rem;
|
||||
padding: 0 0.5rem;
|
||||
|
||||
.hamburger-box {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
& + .header-btn-lg {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.app-header-left {
|
||||
.nav {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.header-mobile-open {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
top: $app-header-height + 20;
|
||||
}
|
||||
}
|
||||
|
||||
.app-header__mobile-menu {
|
||||
display: flex;
|
||||
order: 1;
|
||||
}
|
||||
|
||||
.app-header__menu {
|
||||
display: flex;
|
||||
order: 3;
|
||||
}
|
||||
|
||||
&.header-text-light {
|
||||
.app-header__menu {
|
||||
& > span .btn,
|
||||
& > .btn {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
border-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
.header-mobile-open {
|
||||
background: $gray-800;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.popover,
|
||||
.dropdown-menu {
|
||||
position: fixed;
|
||||
z-index: 50;
|
||||
right: 5% !important;
|
||||
top: 50% !important;
|
||||
width: 90% !important;
|
||||
transform: translateY(-50%) !important;
|
||||
min-width: 10px !important;
|
||||
|
||||
.btn-icon-vertical .btn-icon-wrapper {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.popover {
|
||||
max-width: initial;
|
||||
|
||||
.arrow {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.app-page-title {
|
||||
text-align: center;
|
||||
|
||||
.page-title-heading,
|
||||
.page-title-wrapper {
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.page-title-actions {
|
||||
margin: ($grid-gutter-width / 2) auto 0;
|
||||
}
|
||||
|
||||
.page-title-actions,
|
||||
.page-title-subheading {
|
||||
.breadcrumb-item,
|
||||
.breadcrumb {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Footer
|
||||
|
||||
.app-footer .app-footer__inner {
|
||||
.app-footer-right {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.app-footer-left {
|
||||
width: 100%;
|
||||
|
||||
.footer-dots {
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fixed-footer {
|
||||
&.closed-sidebar {
|
||||
.app-footer {
|
||||
.app-footer__inner {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Components
|
||||
|
||||
.widget-content {
|
||||
.widget-numbers {
|
||||
font-size: 1.6rem;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.slick-slider-sm {
|
||||
.slick-slider {
|
||||
max-width: 650px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.body-tabs.body-tabs-layout {
|
||||
&.body-tabs-big {
|
||||
display: block !important;
|
||||
|
||||
.RRT__tab {
|
||||
display: inline-block !important;
|
||||
padding: 0 $layout-spacer-x !important;
|
||||
}
|
||||
|
||||
.RRT__showmore {
|
||||
margin-top: -20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ReactTable .-pagination {
|
||||
.-center {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.-previous {
|
||||
padding-left: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-transparent.list-group-item {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.tabs-lg-alternate.card-header {
|
||||
& > .nav .nav-item {
|
||||
.widget-number {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page-title-head {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-between(xs, md) {
|
||||
.app-page-title .page-title-icon,
|
||||
.ui-theme-settings {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
&.responsive-center {
|
||||
display: block;
|
||||
text-align: center;
|
||||
height: auto;
|
||||
padding: $layout-spacer-x;
|
||||
|
||||
.nav,
|
||||
.btn-actions-pane-right {
|
||||
margin: ($layout-spacer-x / 2) 0 0;
|
||||
|
||||
.d-inline-block.ml-2 {
|
||||
width: 100% !important;
|
||||
text-align: right;
|
||||
margin: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.slick-slider-sm {
|
||||
.slick-slider {
|
||||
max-width: 650px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
.slick-slider-sm {
|
||||
.slick-slider {
|
||||
max-width: 850px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(lg) {
|
||||
.-hide-paging .-pagination .-center {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
.app-main .app-main__inner {
|
||||
padding: 15px 15px 0;
|
||||
}
|
||||
|
||||
.mbg-3,
|
||||
body .card.mb-3 {
|
||||
margin-bottom: ($grid-gutter-width / 2) !important;
|
||||
}
|
||||
|
||||
.app-page-title {
|
||||
padding: ($grid-gutter-width / 2);
|
||||
margin: (-($grid-gutter-width / 2)) (-($grid-gutter-width / 2))
|
||||
$grid-gutter-width;
|
||||
}
|
||||
|
||||
.body-tabs.body-tabs-layout {
|
||||
margin-left: (-($grid-gutter-width / 2));
|
||||
margin-right: (-($grid-gutter-width / 2));
|
||||
padding: 0 ($grid-gutter-width / 2);
|
||||
}
|
||||
|
||||
.app-main .app-main__inner > .RRT__container > .RRT__panel {
|
||||
margin-top: ($grid-gutter-width / 2);
|
||||
}
|
||||
|
||||
.popover,
|
||||
.dropdown-menu {
|
||||
width: 80%;
|
||||
right: 10%;
|
||||
}
|
||||
|
||||
body .card-header {
|
||||
height: auto;
|
||||
display: block;
|
||||
padding: ($layout-spacer-x / 2) $layout-spacer-x;
|
||||
text-align: center;
|
||||
|
||||
.btn-actions-pane-right {
|
||||
padding: ($layout-spacer-x / 2) 0 0;
|
||||
}
|
||||
|
||||
.actions-icon-btn {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.card-header {
|
||||
&.card-header-tab {
|
||||
.card-header-title {
|
||||
display: inline-flex !important;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
& > .nav {
|
||||
margin: ($layout-spacer-x / 2) 0 (-($layout-spacer-x / 2));
|
||||
display: table !important;
|
||||
width: 100%;
|
||||
|
||||
.nav-item {
|
||||
display: table-cell;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.header-icon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.profile-responsive-sm,
|
||||
.profile-responsive {
|
||||
.dropdown-menu-header .menu-header-content.btn-pane-right {
|
||||
display: block;
|
||||
text-align: center;
|
||||
|
||||
.avatar-icon-wrapper {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.menu-header-btn-pane {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.slick-slider-sm .slick-slider .slick-prev {
|
||||
right: ($grid-gutter-width / 2);
|
||||
}
|
||||
|
||||
.slick-slider-sm .slick-slider .slick-next {
|
||||
left: ($grid-gutter-width / 2);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1200px) and (max-width: 1500px) {
|
||||
.profile-responsive {
|
||||
.dropdown-menu-header .menu-header-content.btn-pane-right {
|
||||
display: block;
|
||||
text-align: center;
|
||||
|
||||
.avatar-icon-wrapper {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.menu-header-btn-pane {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user