@import "./group-item"; @import "./lobby.scss"; @import "./search-filter.scss"; @import "./actions-button.scss"; @import "./create-forms.scss"; @import "./picture-input.scss"; .home-list__content { /*max-height: calc(100dvh - 12em);*/ // height: calc(100dvh - 10em); // height: calc(100dvh - 6em); // height: calc(100dvh - 4.5em); position: relative; // overflow-x: hidden; // padding-left: 0.3em; &.loading { //background-image: url('./img/item-loading.svg'); background-repeat: repeat-y; background-position: top right; background-size: 12em; &::before { content: ""; clear: both; position: absolute; right: 0; width: 0.5em; height: 100%; background-color: #fff; animation-name: example; animation-duration: 2s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } } &:hover .actions-button { opacity: 1; visibility: visible; transition: all 0.2s; } .scroll-needed { // height: calc(100dvh - 5em); height: calc(100dvh - 7.5em); position: relative; padding-left: 0.3em; overflow: auto; &.reset-height { height: calc(100dvh - 12em); } } } .input-group { display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: nowrap; } .nav-icon-container { font-size: 0.875rem; color: #a0acb8; } #showSearchs { padding: revert; } .groups-header { .btn{ color:#a0acb8; &.is-active { color:#333; } } } // @media (min-width: 992px) { // .open { // display: none; // } // .home-list__header { // padding-top: 1em; // } // } // @media only screen and (min-width: 768px) and (max-width: 991.98px) { // .hidden-heder { // display: none; // } // .menu-bar__content { // position: fixed; // top: 0rem !important; // right: 3rem !important; // right: 2rem; // background-color: #fff; // z-index: 9; // } // .open { // display: none; // } // } // @media only screen and (min-width: 576px) and (max-width: 766.98px) { // .hidden-heder { // display: none; // } // .menu-bar__content { // position: fixed; // right: 0rem !important; // background-color: #fff; // z-index: 9; // // max-width: 25em; // // max-width: 20em; // width: auto; // min-width: 100% !important; // } // .navbar { // width: 100%; // height: 4.1rem; // position: relative; // left: 0.3rem; // display: flex; // align-items: center; // //background-color: red; // .navbar-grow { // width: 100%; // display: flex; // justify-content: space-evenly; // div { // margin-left: 1.2rem; // } // } // } // .hover-border { // position: relative; // border: 2px solid transparent; // border-radius: 5px; // transition: transform 0.3s ease; // } // .hover-border:hover { // transform: translateY(-5px); // .nav-icon-container { // color: black !important; // } // } // .search-main { // display: flex; // flex-direction: row-reverse; // position: absolute; // z-index: 999; // top: 24px; // background-color: #fff; // width: 100%; // justify-content: center; // // background-color: red; // .button-search { // position: relative; // width: 35px; // height: 31px; // margin-right: 5px; // margin-left: 5px; // margin-top: 2px; // border: none; // background-color: #fff; // &:hover { // border-radius: 5px; // border: 1px solid #a0acb8; // background-color: #a0acb8; // color: #fff; // } // span { // position: absolute; // top: 3px; // right: 0px; // } // } // } // .hidean-search { // display: none !important; // } // .hover-border1 { // position: relative; // top: 7px; // } // } // @media (max-width: 575.98px) { // .hidden-heder { // display: none; // } // .menu-bar__content { // position: fixed; // right: 0rem !important; // background-color: #fff; // z-index: 9; // // max-width: 25em; // // max-width: 20em; // width: auto; // min-width: 100% !important; // } // .navbar { // width: 100%; // height: 4.1rem; // position: relative; // left: 0.3rem; // display: flex; // align-items: center; // //background-color: red; // .navbar-grow { // width: 100%; // display: flex; // justify-content: space-between; // div { // margin-left: 1.2rem; // } // } // } // .hover-border { // position: relative; // border: 2px solid transparent; // border-radius: 5px; // } // .hover-border:hover { // .nav-icon-container { // color: black !important; // } // } // .hover-border1 { // position: relative; // top: 6px; // right: 6px; // } // .search-main { // display: flex; // flex-direction: row-reverse; // position: absolute; // z-index: 999; // top: 24px; // background-color: #fff; // // background-color: red; // .button-search { // position: relative; // width: 35px; // height: 31px; // margin-right: 5px; // margin-left: 5px; // margin-top: 2px; // border: none; // background-color: #fff; // &:hover { // border-radius: 5px; // border: 1px solid #a0acb8; // background-color: #a0acb8; // color: #fff; // } // span { // position: absolute; // top: 3px; // right: 0px; // } // } // } // .hidean-search { // display: none !important; // } // .home-list__content { // top: -14px; // } // .navbar { // top: -14px; // } // } // #showSearchs { // padding: revert; // } //mehdi //