Files
ax3Client/src/styles/doclist-page.scss
Kenneth Jannette f6a4cd3051 more
2024-03-02 20:04:59 -06:00

141 lines
2.2 KiB
SCSS

.doc-list-header {
display: flex;
flex-direction: column;
justify-content: center;
margin: 25px 0px;
background-color: #e6e6e653;
border-radius: 10px;
height: 85px;
padding: 0px 0px 0px 15px;
}
.doc-header-text {
margin-bottom: -7px !important;
margin-left: 6px;
letter-spacing: -0.6px;
font-weight: 400;
}
.doclist-upper-wrapper {
display: flex;
flex-direction: row;
}
.doclist-toggle-box {
margin-left: auto;
margin-right: 25px;
min-width: 120px;
padding-top: 4px;
}
.doclist-select-box {
min-width: 100px;
}
.nodocs-text-container {
border-top: 1px solid #dcd9d9 !important;
margin-top: 6px;
margin: 15px 15px;
padding: 15px 25px;
}
.nodocs-text {
padding: 3px 5px;
font-weight: 500;
}
.nodocs-light-text {
padding: 3px 5px;
}
.nodocs-list-item {
padding: 3px 0px;
}
.document-list-upper-wrapper {
display: flex;
flex-direction: row;
width: 100%;
}
.list-upper-left {
display: flex;
flex-direction: row;
justify-content: left;
width: 95%;
}
.doc-list-subhead-container {
display: flex;
justify-content: center;
align-items: center;
margin-left: 12px;
margin-top: auto;
margin-bottom: auto;
padding-bottom: 12px;
}
.doc-list-subhead {
font-family: Roboto;
font-size: 1.18rem;
font-weight: 400;
}
.toggle-outer {
display: flex;
flex-direction: column;
border: 1px solid var(--accent-orange-light);
margin-right: 12px;
border-radius: 10px;
background-color: var(--background-blue);
}
.toggle-box {
display: flex;
flex-direction: row;
width: 200px;
height: 15px;
justify-content: space-evenly;
}
.toggle-header {
display: flex;
justify-content: center;
padding-right: 7px;
height: 28px;
}
.doclist-toggle-link {
color: blue;
}
.doclist-toggle-link:hover {
cursor: pointer;
color: orange;
text-decoration: underline;
}
.document-list-lower-wrapper {
display: flex;
flex-direction: column;
width: 100%;
margin-bottom: 3rem;
}
.user-name-container {
margin-top: 8px;
margin-left: 7px;
color: var(--font-light);
font-weight: 500;
}
.content-container {
padding: 0rem 1rem;
}
@media only screen and (max-width: 1120px) {
.list-upper-left {
width: 980px;
}
}