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

257 lines
4.1 KiB
SCSS
Raw Normal View History

2019-12-11 21:49:14 +08:00
// scss-lint:disable SelectorDepth SelectorFormat QualifyingElement
// scss-lint:disable NestingDepth ImportantRule
@import "constants";
.repository-table {
2020-01-09 22:19:04 +08:00
.dataTables_filter {
float: right;
}
// hack only for firefox
@-moz-document url-prefix() {
input.form-control[type="file"] {
font-size: 13px;
height: auto;
padding: 3px 12px;
}
}
2019-12-11 21:49:14 +08:00
// Cells
2020-01-09 22:19:04 +08:00
// Assigned
.assigned-column {
2020-02-27 18:47:47 +08:00
padding: 1px 8px;
2020-01-13 20:28:18 +08:00
position: relative;
2020-02-27 18:47:47 +08:00
.fas {
line-height: 35px;
text-align: center;
2020-01-09 22:19:04 +08:00
width: 30px;
}
2020-02-27 18:47:47 +08:00
.repository-row-edit-icon {
cursor: pointer;
display: none;
2020-01-24 23:33:44 +08:00
}
2020-01-13 20:28:18 +08:00
.assign-counter-container {
border-radius: $border-radius-tag;
2020-01-13 20:28:18 +08:00
display: inline-block;
2020-02-27 18:47:47 +08:00
line-height: 35px;
2020-01-13 20:28:18 +08:00
position: absolute;
2020-02-27 18:47:47 +08:00
right: 0;
width: calc(100% - 40px);
2020-01-13 20:28:18 +08:00
.assign-counter {
display: inline-block;
height: 100%;
padding-left: 5px;
width: 100%;
&:hover,
&:visited,
&:focus {
text-decoration: none;
}
2020-01-13 20:28:18 +08:00
&.has-assigned {
color: $brand-primary;
}
}
&:hover {
2020-01-14 16:24:42 +08:00
background-color: $color-alto;
2020-01-13 20:28:18 +08:00
}
.dropdown-menu {
padding: 8px;
2020-05-22 20:36:28 +08:00
width: 320px;
.search-tasks:placeholder-shown + .fa-times-circle {
display: none;
}
.fa-times-circle {
cursor: pointer;
}
}
2020-01-09 22:19:04 +08:00
}
2020-01-14 20:31:44 +08:00
.circle-icon {
2020-02-27 18:47:47 +08:00
margin: 9px 30px;
2020-01-14 20:31:44 +08:00
}
2020-01-09 22:19:04 +08:00
}
2020-01-23 20:12:58 +08:00
// Added on
.added-on {
white-space: nowrap;
}
2019-12-11 21:49:14 +08:00
// Checklists
.checklist-dropdown {
.dropdown-menu {
2020-01-27 22:52:52 +08:00
min-width: 220px;
2019-12-11 21:49:14 +08:00
.checklist-item {
2020-01-27 22:52:52 +08:00
line-height: 18px;
padding: 5px 15px;
2019-12-11 21:49:14 +08:00
}
}
2020-01-21 17:49:45 +08:00
span {
color: $brand-primary;
cursor: pointer;
&:hover {
text-decoration: underline;
}
2020-01-16 00:09:13 +08:00
}
}
2020-01-15 23:46:01 +08:00
// Text and Number field
.text-field.sci-input-container {
min-width: 150px;
}
2020-01-21 17:49:45 +08:00
// Status
.repository-status-value-container {
max-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.repository-status-value-icon {
.emoji {
height: 24px;
margin-right: 5px;
min-width: 24px;
width: 24px;
}
}
.dropdown-selector-container {
2020-01-21 21:01:44 +08:00
width: 150px;
2020-01-21 17:49:45 +08:00
.emoji-status {
.emoji {
height: 24px;
margin-right: 5px;
min-width: 24px;
transition: .3s;
width: 24px;
}
}
&.open {
.ds-simple.emoji-status {
.emoji {
height: 12px;
margin-right: 2px;
min-width: 12px;
width: 12px;
}
}
}
}
// DateTime
2020-01-13 21:46:43 +08:00
.datetime-container {
display: flex;
2020-01-13 21:46:43 +08:00
position: relative;
.sci-input-container {
margin: 0 2px;
}
.separator {
line-height: 36px;
text-align: center;
width: 20px;
}
.start-time,
.end-time {
display: flex;
position: relative;
}
.date-container {
width: 160px;
}
.time-container {
width: 90px;
.fa-clock {
cursor: pointer;
}
}
&.dateonly,
&.range-type .dateonly {
.time-container {
2020-01-13 21:46:43 +08:00
display: none;
}
}
&.timeonly,
&.range-type .timeonly {
.date-container {
2020-01-13 21:46:43 +08:00
display: none;
}
}
}
2020-01-09 22:19:04 +08:00
// Actions
2020-06-17 20:05:23 +08:00
.dataTable {
tbody {
tr:hover {
background-color: $color-concrete;
2020-01-09 22:19:04 +08:00
2020-06-17 20:05:23 +08:00
.assigned-column {
.repository-row-edit-icon {
display: inline-block;
}
2020-01-09 22:19:04 +08:00
}
}
2020-06-17 20:05:23 +08:00
.editing {
border: 1px solid;
}
2020-01-09 22:19:04 +08:00
}
2020-02-13 03:28:15 +08:00
}
2020-01-09 22:19:04 +08:00
&.editing {
2020-06-17 20:05:23 +08:00
.dataTable {
tbody {
tr.blocked {
opacity: .4;
pointer-events: none;
}
2020-02-27 18:47:47 +08:00
2020-06-17 20:05:23 +08:00
tr:hover {
.assigned-column {
.repository-row-edit-icon {
display: none;
}
2020-06-17 20:05:23 +08:00
.assign-counter-container {
background-color: transparent;
}
2020-02-27 18:47:47 +08:00
2020-06-17 20:05:23 +08:00
.circle-icon {
margin-left: 30px;
}
2020-01-09 22:19:04 +08:00
}
}
}
}
}
2019-12-11 21:49:14 +08:00
}