scinote-web/app/assets/stylesheets/repositories.scss

258 lines
4.2 KiB
SCSS
Raw Normal View History

2019-08-12 21:02:16 +08:00
// scss-lint:disable SelectorDepth SelectorFormat QualifyingElement
// scss-lint:disable NestingDepth ImportantRule
@import "constants";
.content-pane.repository-show {
margin-top: 15px;
padding-top: 0;
}
.repositories-dropdown-menu {
border: 1px solid $color-gainsboro;
border-top: 0;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
height: auto;
max-height: 400px;
overflow-x: hidden;
text-transform: initial;
width: 300px;
li:not(:first-child) {
border-top: 1px solid $color-gainsboro;
}
.fas-custom{
float: right;
}
2019-09-05 20:03:08 +08:00
a.muted {
2019-09-06 19:47:06 +08:00
opacity: .7;
2019-09-05 20:03:08 +08:00
}
}
2017-06-06 23:35:29 +08:00
2019-08-21 21:32:57 +08:00
.repository-share-status {
display: contents !important;
&.hidden {
display: none !important;
}
}
2017-06-06 23:35:29 +08:00
.repository-table {
margin-top: 20px;
// Datatables generated name
.dataTables_length {
display: inline-block;
2019-07-29 22:39:23 +08:00
float: right;
margin-left: 10px;
}
.dataTables_filter {
float: right;
2017-06-06 23:35:29 +08:00
}
// hack only for firefox
@-moz-document url-prefix() {
input.form-control[type="file"] {
font-size: 13px;
height: auto;
padding: 3px 12px;
}
}
2017-06-06 23:35:29 +08:00
}
2017-06-16 17:52:26 +08:00
.repository-cog {
display: inline-block;
float: right;
padding-left: 4px;
}
#repository-table_paginate {
float: right;
text-align: inherit;
}
.breadcrumb.breadcrumb-repository {
background-color: $color-concrete;
margin-bottom: 15px;
}
2019-07-29 22:39:23 +08:00
#repository-toolbar {
align-items: center;
border-bottom: 1px solid $color-gainsboro;
2019-07-29 22:39:23 +08:00
display: flex;
height: 55px;
margin-left: -20px;
2019-08-21 16:39:48 +08:00
padding: 5px 15px;
width: calc(100% + 40px);
2019-07-29 22:39:23 +08:00
2019-08-21 16:39:48 +08:00
.repository-share-icon {
flex-shrink: 0;
margin-top: -2px;
.fas-custom {
margin-left: 5px;
2019-08-21 16:39:48 +08:00
}
}
2019-09-11 21:44:38 +08:00
.repository-title-name {
display: flex;
flex-direction: column;
2019-07-29 22:39:23 +08:00
flex-grow: 1;
font-size: 18px;
line-height: 32px;
2019-07-29 22:39:23 +08:00
margin-right: 20px;
2019-08-21 16:39:48 +08:00
overflow: hidden;
padding-left: 5px;
2019-08-21 16:39:48 +08:00
text-overflow: ellipsis;
white-space: nowrap;
2019-07-29 22:39:23 +08:00
2019-09-11 21:44:38 +08:00
.name-container {
align-items: center;
display: inline-flex;
height: 32px;
.read-only-name {
display: inline-block;
line-height: 32px;
max-width: calc(100% - 30px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.inline-editing-container {
width: 100%;
}
2019-07-29 22:39:23 +08:00
}
}
2019-07-29 22:39:23 +08:00
.repository-subtitle {
color: $color-silver-chalice;
font-size: 12px;
line-height: 12px;
2019-07-29 22:39:23 +08:00
}
.datatables-buttons {
flex-shrink: 0;
}
}
.toolbarButtonsDatatable {
.view-only-label {
opacity: .6;
}
2019-08-16 16:05:01 +08:00
.btn {
border: 0;
}
}
2019-07-29 22:39:23 +08:00
.sidebar-button {
color: $brand-primary !important;
2019-07-29 22:39:23 +08:00
span {
display: inline-block !important;
padding: 0 !important;
}
.fas {
margin-right: 5px;
}
}
2019-08-12 21:02:16 +08:00
.share-repo-modal {
.modal-dialog {
width: 350px;
}
.modal-footer {
text-align: center;
}
2019-08-12 21:02:16 +08:00
.share-repo-container {
2019-09-03 18:06:16 +08:00
padding: 15px 30px;
2019-08-12 21:02:16 +08:00
// Main structure css
.header,
.data-list {
display: flex;
width: 100%;
}
.data-list {
flex-direction: column;
}
.all-teams,
.teams-list {
display: flex;
width: 100%;
}
.teams-list {
flex-direction: column;
max-height: 400px;
position: relative;
.team-container {
align-items: center;
display: flex;
padding: 5px 0;
.simple-checkbox.hidden {
display: inline-block !important;
+ .checkbox-label {
display: inline-block;
opacity: 0;
}
}
2019-08-12 21:02:16 +08:00
}
}
.permission-selector {
display: flex;
flex-basis: 55px;
2019-08-12 21:02:16 +08:00
flex-shrink: 0;
justify-content: center;
}
.team-selector {
align-items: center;
display: flex;
flex-grow: 1;
.checkbox-label {
margin-right: 5px;
}
}
// header
.header {
align-items: center;
font-size: 14px;
font-weight: bold;
padding: 5px 0 0;
2019-08-12 21:02:16 +08:00
}
.all-teams {
align-items: center;
border-bottom: 1px solid $color-gainsboro;
margin-left: -10px;
padding: 5px 10px;
2019-08-12 21:02:16 +08:00
user-select: none;
width: calc(100% + 20px);
2019-08-12 21:02:16 +08:00
}
}
}
2019-08-23 17:13:58 +08:00
#repository_row-info-table {
.fas {
color: $color-silver-chalice;
}
}