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

193 lines
3.2 KiB
SCSS
Raw Normal View History

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;
}
}
.sa-type {
font-size: 8px;
}
.item {
cursor: pointer;
margin-left: -.5em;
overflow: hidden;
padding: .25em .5em;
text-overflow: ellipsis;
width: calc(100% + 1em);
white-space: nowrap;
&.cur {
background: $color-concrete;
}
.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;
}
.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 {
font-size: 10px;
font-weight: 600;
padding-left: 2px;
text-decoration: none;
text-transform: uppercase;
vertical-align: super;
&:hover {
text-decoration: none;
}
}
2020-12-15 00:29:30 +08:00
.atwho-user-container {
.atwho-user-popover {
cursor: pointer;
}
}
.atwho-inserted,
.atwho-user-popover,
.sa-link {
pointer-events: initial;
}