chore: use map/layout to import layout from theme-default
This commit is contained in:
Родитель
17577dacf9
Коммит
7f94a0b6f7
|
@ -10,5 +10,5 @@
|
|||
|
||||
|
||||
// Component
|
||||
@import "../node_modules/@progress/kendo-theme-default/scss/map/layout";
|
||||
@import "map/layout";
|
||||
@import "map/theme";
|
|
@ -1,123 +1 @@
|
|||
@include exports("map/layout") {
|
||||
|
||||
// Layout
|
||||
.k-map {
|
||||
height: 600px;
|
||||
|
||||
// Scroll wrap
|
||||
.k-scroll-wrapper {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
}
|
||||
.k-touch-scrollbar { display: none; }
|
||||
|
||||
// Layers
|
||||
.k-layer {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
// Marker
|
||||
.k-marker {
|
||||
margin: -40px 0 0 -14px;
|
||||
width: 28px;
|
||||
height: 40px;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
background: green;
|
||||
}
|
||||
|
||||
|
||||
// Attribution
|
||||
.k-attribution {
|
||||
padding: $padding-y-sm $padding-x-sm;
|
||||
font-size: $font-size-sm * .75;
|
||||
background-color: rgba( $panel-bg, .8);
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
// Controls
|
||||
.k-map-controls {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.k-pos-top { top: 0; }
|
||||
.k-pos-bottom { bottom: 0; }
|
||||
.k-pos-left { left: 0; }
|
||||
.k-pos-right { right: 0; }
|
||||
|
||||
|
||||
// Navigator
|
||||
.k-navigator {
|
||||
margin: $spacer-x;
|
||||
width: 3.25em;
|
||||
height: 3.25em;
|
||||
border-radius: 80px;
|
||||
position: relative;
|
||||
|
||||
.k-pdf-export & { display: none; }
|
||||
|
||||
|
||||
// Buttons
|
||||
button {
|
||||
border-color: transparent;
|
||||
background: none;
|
||||
}
|
||||
.k-button {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-radius: 100%;
|
||||
line-height: 1;
|
||||
position: absolute;
|
||||
}
|
||||
.k-navigator-n {
|
||||
margin-left: calc( -#{$font-size/2} - 1px);
|
||||
top: 2px;
|
||||
left: 50%;
|
||||
}
|
||||
.k-navigator-e {
|
||||
margin-top: calc( -#{$font-size/2} - 1px);
|
||||
right: 2px;
|
||||
top: 50%;
|
||||
}
|
||||
.k-navigator-s {
|
||||
margin-left: calc( -#{$font-size/2} - 1px);
|
||||
bottom: 2px;
|
||||
left: 50%;
|
||||
}
|
||||
.k-navigator-w {
|
||||
margin-top: calc( -#{$font-size/2} - 1px);
|
||||
left: 2px;
|
||||
top: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Zoom control
|
||||
.k-zoom-control {
|
||||
margin: $spacer-x;
|
||||
border: 0;
|
||||
background: none;
|
||||
display: flex;
|
||||
|
||||
.k-pdf-export & { display: none; }
|
||||
|
||||
|
||||
// Buttons
|
||||
.k-button {
|
||||
padding: $button-padding-y;
|
||||
}
|
||||
}
|
||||
.k-buttons-horizontal {}
|
||||
.k-buttons-vertical {
|
||||
flex-direction: vertical;
|
||||
}
|
||||
|
||||
}
|
||||
@import "../../node_modules/@progress/kendo-theme-default/scss/map/layout";
|
Загрузка…
Ссылка в новой задаче