scinote-web/app/assets/stylesheets/shared/smart_annotation.scss

240 lines
4.3 KiB
SCSS
Raw Normal View History

// scss-lint:disable SelectorDepth
// scss-lint:disable NestingDepth
2020-09-04 22:48:53 +08:00
.atwho-view {
background: $color_white;
border-radius: $border-radius-default;
2020-09-07 16:46:51 +08:00
box-shadow: $modal-shadow;
2020-09-04 22:48:53 +08:00
display: none;
left: 0;
margin-top: 18px;
max-width: 700px;
min-width: 600px;
overflow: auto;
position: absolute;
top: 0;
z-index: 11110 !important;
.atwho-header-res {
.nav-tabs {
align-items: center;
2020-09-04 22:48:53 +08:00
margin-bottom: 0;
}
2020-09-17 19:11:54 +08:00
.rep-tab.active:not(:empty) {
2020-09-04 22:48:53 +08:00
border-bottom: $border-default;
display: flex;
padding: .25em;
}
2020-09-09 20:17:19 +08:00
.dismiss {
@include font-button;
color: $color-silver-chalice;
2020-09-21 23:13:42 +08:00
cursor: pointer;
margin-left: auto;
padding: .5em .75em;
}
2020-09-09 20:17:19 +08:00
.repository-object {
max-width: 250px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
2020-09-04 22:48:53 +08:00
}
.atwho-view-ul {
2020-09-07 16:46:51 +08:00
margin: 0;
2020-09-09 20:17:19 +08:00
padding: 0;
2020-09-04 22:48:53 +08:00
}
2020-09-07 16:46:51 +08:00
.atwho-no-results {
color: $color-silver-chalice;
2020-09-23 18:26:26 +08:00
padding: 1.5em 4em;
text-align: center;
.description {
@include font-main;
2020-09-21 23:13:42 +08:00
padding: 0 4em 2.5em;
}
}
.atwho-header {
@include font-small;
border-bottom: $border-default;
color: $color-silver-chalice;
padding: .5em;
.dismiss {
@include font-button;
2020-09-21 23:13:42 +08:00
cursor: pointer;
float: right;
2020-09-21 23:13:42 +08:00
padding: 0 .25em;
position: relative;
}
}
2020-09-07 16:46:51 +08:00
.atwho-footer {
@include font-small;
border-top: $border-default;
color: $color-silver-chalice;
padding: .5em;
white-space: pre;
}
.atwho-scroll-container {
max-height: 200px;
overflow-y: auto;
2020-09-09 20:17:19 +08:00
padding: .5em;
2020-09-07 16:46:51 +08:00
position: relative;
2020-09-09 20:17:19 +08:00
.atwho-breadcrumbs {
@include font-small;
color: $color-silver-chalice;
display: flex;
.atwho-breadcrumb {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.slash {
margin: 0 .5em;
}
}
.dot {
margin: 0 5px;
2020-09-09 20:17:19 +08:00
}
.item {
cursor: pointer;
line-height: 2.25em;
2020-09-09 20:17:19 +08:00
overflow: hidden;
padding: 0 .5em;
position: relative;
2020-09-09 20:17:19 +08:00
text-overflow: ellipsis;
vertical-align: middle;
2020-09-09 20:17:19 +08:00
white-space: nowrap;
width: 100%;
.atwho-button-container {
background: linear-gradient(90deg,
transparent,
$color-concrete 15%,
$color-concrete 100%);
display: inline;
opacity: 0;
padding-left: 2em;
position: absolute;
right: 0;
.atwho-assign-button-form {
display: inline;
}
.atwho-insert-button,
.atwho-assign-button {
background: $color-concrete;
color: $brand-primary;
height: 2.25em;
margin-right: .5em;
padding: 0 .5em;
text-align: center;
width: auto;
}
}
2020-09-09 20:17:19 +08:00
&.cur {
background: $color-concrete;
color: $brand-primary;
.atwho-button-container {
opacity: 1;
}
2020-09-09 20:17:19 +08:00
}
.atwho-highlight {
background: $brand-warning-light;
}
}
2020-09-07 16:46:51 +08:00
}
2020-09-11 19:00:13 +08:00
.atwho-user {
align-items: center;
cursor: pointer;
display: flex;
padding: .5em 0;
&.cur {
background: $color-concrete;
}
.atwho-highlight {
background: $brand-warning-light;
}
&:not:first-child {
border-top: $border-default;
}
.avatar {
display: inline-block;
height: 30px;
width: 30px;
margin-left: .5rem;
border-radius: 50%;
2020-09-11 19:00:13 +08:00
}
.user-info {
display: inline-block;
margin-left: .5em;
}
.user-email {
@include font-small;
color: $color-silver-chalice;
line-height: 1em;
}
}
.more-results {
color: $color-silver-chalice;
padding: .5em 0;
}
2020-09-04 22:48:53 +08:00
}
.sa-type {
padding-left: 2px;
text-decoration: none;
text-transform: uppercase;
vertical-align: super;
font-size: .625rem;
font-weight: 600;
2020-09-04 22:48:53 +08:00
&:hover {
text-decoration: none;
}
}
2020-12-15 00:29:30 +08:00
.atwho-user-container {
display: inline-block;
white-space: nowrap;
2020-12-15 00:29:30 +08:00
.atwho-user-popover {
cursor: pointer;
2023-06-19 21:45:22 +08:00
line-height: 1.25rem;
2020-12-15 00:29:30 +08:00
}
.atwho-user-popover:focus {
outline: none;
}
2020-12-15 00:29:30 +08:00
}
.atwho-inserted,
.atwho-user-popover,
.sa-link {
pointer-events: initial;
}