107 lines
2.0 KiB
SCSS
107 lines
2.0 KiB
SCSS
@mixin feature() {
|
|
.esri-feature__title {
|
|
font-size: $font-size;
|
|
display: block;
|
|
word-break: break-word;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.esri-feature calcite-icon {
|
|
box-sizing: content-box;
|
|
}
|
|
|
|
.esri-feature__attachments {
|
|
display: flex;
|
|
}
|
|
.esri-feature__loading-container {
|
|
width: 100%;
|
|
justify-content: center;
|
|
display: flex;
|
|
padding: $cap-spacing 0;
|
|
}
|
|
|
|
.esri-feature-relationship {
|
|
position: relative;
|
|
}
|
|
|
|
.esri-feature-relationship__list {
|
|
min-height: $list-item-height;
|
|
}
|
|
|
|
.esri-feature-relationship__list-item--hidden {
|
|
display: none;
|
|
}
|
|
|
|
.esri-feature__feature-observer {
|
|
position: relative;
|
|
z-index: 2;
|
|
bottom: 20px;
|
|
text-align: center;
|
|
}
|
|
|
|
.esri-feature__sticky-loading-container {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: $list-item-height;
|
|
padding: 0;
|
|
margin: 0;
|
|
pointer-events: none;
|
|
position: sticky;
|
|
bottom: 10px;
|
|
z-index: 2;
|
|
}
|
|
|
|
.esri-icon-loading-indicator {
|
|
display: inline-block;
|
|
}
|
|
|
|
.esri-feature {
|
|
width: 100%;
|
|
--calcite-ui-background: $background-color;
|
|
}
|
|
|
|
.esri-feature__content-element {
|
|
padding: 0 $side-spacing--half;
|
|
margin-bottom: $cap-spacing--double;
|
|
}
|
|
|
|
.esri-feature__content-element:last-child {
|
|
margin-bottom: $cap-spacing;
|
|
}
|
|
|
|
.esri-feature__content-node {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.esri-feature__text {
|
|
line-height: 1.3;
|
|
}
|
|
|
|
// ATTACHMENTS
|
|
.esri-feature-attachments {
|
|
flex-flow: column wrap;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.esri-feature__last-edited-info {
|
|
font-size: $font-size--small;
|
|
padding-top: $cap-spacing--half;
|
|
}
|
|
|
|
// RTL
|
|
[dir="rtl"] {
|
|
.esri-feature__attachments-title {
|
|
margin: 0 0 0 auto;
|
|
}
|
|
.esri-feature__attachments--list .esri-feature__attachment-item-mask {
|
|
margin-right: 0;
|
|
margin-left: $side-spacing--half;
|
|
}
|
|
}
|
|
}
|
|
|
|
@if $include_Feature==true {
|
|
@include feature();
|
|
}
|