mirror of
https://github.com/maputnik/editor.git
synced 2026-09-01 18:07:37 +00:00
Harel M
3727f5da48
Fixes #868 - #868 It solves all the block within blocks and all kind of controls that are not required which creates gaps. I use a simple table, so the width is dynamic but it is always aligned for all the properties and the features.  Vary basic stuff. There's still the layer popup, which I'm not sure I know what it is and might need to be fixed as well. CC: @zstadler
48 lines
864 B
SCSS
48 lines
864 B
SCSS
.maputnik-popup-layer {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.maputnik-popup-layer__swatch {
|
|
display: inline-block;
|
|
width: 5px;
|
|
align-content: stretch;
|
|
}
|
|
|
|
.maputnik-popup-layer__label {
|
|
display: block;
|
|
color: $color-lowgray;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
line-height: 1.2;
|
|
padding: $margin-2;
|
|
padding-top: $margin-1;
|
|
padding-bottom: $margin-1;
|
|
}
|
|
|
|
.maputnik-popup-layer-id {
|
|
padding-left: $margin-2;
|
|
padding-right: 1.6em;
|
|
background-color: $color-midgray;
|
|
color: $color-white;
|
|
}
|
|
|
|
.maputnik-feature-property-popup {
|
|
max-height: calc(50vh - 40px); /* toolbar height: 40px */
|
|
overflow-y: auto;
|
|
.maputnik-input-block {
|
|
margin: 0;
|
|
margin-left: $margin-2;
|
|
margin-top: $margin-2;
|
|
}
|
|
}
|
|
|
|
.maputnik-popup-table {
|
|
width: 100%;
|
|
}
|
|
|
|
.maputnik-popup-table-cell {
|
|
color: $color-lowgray;
|
|
padding-left: $margin-2;
|
|
}
|