scinote-web/app/assets/stylesheets/repository/index.scss

161 lines
2.5 KiB
SCSS
Raw Normal View History

.repositories-index {
2023-05-25 19:12:27 +08:00
.content-body {
--content-header-size: 3.5rem;
height: calc(100vh - var(--navbar-height) - var(--content-header-size));
}
2023-05-09 20:53:50 +08:00
.view-switch {
margin: 0 auto;
}
.toolbar-wrapper {
display: flex;
justify-content: space-between;
}
&.active {
[data-view-mode="archived"] {
display: none !important;
}
}
&.archived {
[data-view-mode="active"] {
display: none !important;
}
}
&[data-readonly="true"] {
.main-actions {
.toolbar {
display: none;
}
.filter-container {
margin-left: auto;
}
}
}
}
2020-07-06 18:47:42 +08:00
#rename-repo-modal {
.modal-footer {
text-align: center;
}
}
#create-repo-modal {
.modal-footer {
text-align: center;
}
}
#new_repository {
.modal-footer {
text-align: center;
}
}
.main-actions {
align-items: center;
display: flex;
justify-content: space-between;
.view-switch {
.caret {
margin: 8px 0 8px 8px;
}
.view-switch-button {
2023-05-11 18:40:56 +08:00
outline: 1px solid $color-alto;
}
&.open {
.caret {
transform: rotateX(180deg);
}
}
.dropdown-menu {
@include font-button;
min-width: 100%;
padding: 0;
.divider-label {
@include font-small;
color: $color-silver-chalice;
padding: .25em 1em;
}
.divider {
margin: 0;
}
li {
cursor: pointer;
padding: .5em 1em;
white-space: nowrap;
.button-icon {
margin-right: .5em;
}
&:hover:not(.divider-label) {
background: $color-concrete;
}
.btn {
height: 36px;
}
a {
display: inline-block;
margin: -1em;
padding: .5em 1em;
width: calc(100% + 2em);
&.selected::after {
@include font-awesome;
content: $font-fas-check;
margin-left: auto;
position: absolute;
right: 1em;
}
}
}
}
.cards-switch {
&.active::after {
@include font-awesome;
content: "\f00c";
position: absolute;
right: 1em;
}
}
}
.dropdown-menu {
font-size: 14px;
}
}
#repositoriesList_wrapper {
2023-05-24 17:48:32 +08:00
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
.dataTables_scroll {
display: flex;
flex-direction: column;
flex-grow: 1;
2023-05-25 19:12:27 +08:00
height: calc(100% - var(--datatable-pagination-row) - 4rem);
z-index: 1;
}
2023-05-25 19:12:27 +08:00
.dataTables_scrollHead {
flex-shrink: 0;
}
}