research_ui/assets/research/scss/research.scss

143 lines
3.3 KiB
SCSS
Raw Normal View History

2025-02-04 12:40:58 +00:00
.research-system {
.main-page__content {
margin-right: var(--sidebar-collapsed-width);
.search-items {
height: calc(100vh - 10em);
overflow: auto;
}
.myResearches {
.search-container {
.input-group {
/* justify-content: space-between; */
border-radius: 50px;
.form-control {
border: 0;
border-right: 1px solid #eee;
border-left: 1px solid #eee;
height: 3em;
}
.btn-primary {
border-radius: 50px 0 0 50px;
min-width: 5em;
}
}
}
}
.advanced-search {
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding-top: 1em;
padding-bottom: 1em;
width: 20em;
// height: calc(100dvh - 10em);
overflow-y: auto;
background: #fff;
z-index: 99;
box-shadow: 0 0.4688rem 2.1875rem rgba(4, 9, 20, 0.03),
0 0.9375rem 1.4063rem rgba(4, 9, 20, 0.03),
0 0.25rem 0.5313rem rgba(4, 9, 20, 0.03),
0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
// border-radius: 0.25em;
.multiselect__tags {
border: unset !important;
}
.bottom-close-form {
&:hover {
color: #6acfef;
}
}
@media (max-width: 768px) {
.bottom-close-form {
position: absolute;
bottom: 7em !important;
}
}
// .search-page__search.in-search {
// input {
// padding-right: 5em !important;
// border: 1px solid transparent;
// }
// }
.form-group {
&.inside-advanced-search {
.form-control {
border-radius: 0.5em;
border: 1px solid #ced4da;
// padding: 1.2em;
// width: 14em;
&:focus {
border: 1px solid #61bb9e;
}
}
.date-picker {
.vpd-input-group {
direction: ltr;
.vpd-icon-btn {
margin-bottom: 0;
// position: absolute;
// right: 15.6em;
// height: 3em;
border-radius: 0.5em 0em 0em 0.5em;
}
.form-control {
border-radius: 0 0.5em 0.5em 0;
}
}
}
}
}
.select.in-advanced-search {
// padding: 0.3em !important;
border-radius: 0.5em;
font-size: 1rem;
// height: 3em;
// width: 15em !important;
border: 1px solid #ced4da !important;
&:focus {
border: 1px solid rgb(127, 170, 170) !important;
}
}
// .tribute.in-advanced-search {
// width: 18em !important;
// }
.form-control {
height: 2.2em;
}
}
.filter-list-container {
.mobile-mode {
display: none;
}
}
.TermPage {
.nav-tabs-container {
display: flex;
justify-content: center;
.nav-link {
.active {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
}
}
}
.pages-content {
width: 100%;
// margin-top: 2em;
padding: 0;
// height: calc(100dvh - 2em);
}
}
}
@import "./responsive/responsive";
}