Skip to content

Commit

Permalink
v2.6.0 (origo-map#1584)
Browse files Browse the repository at this point in the history
  • Loading branch information
@jokd
jokd authored Aug 22, 2022
1 parent da5d7f5 commit e3aeade
Show file tree
Hide file tree
Showing 8 changed files with 78,752 additions and 88,245 deletions.
189 changes: 143 additions & 46 deletions build/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -184,7 +184,8 @@
background-color: #000;
cursor: pointer; }
.o-ui .flex {
display: flex; }
display: flex;
/* Use this on an empty div to simulate a br in flex. requires that container has flex-wrap: wrap*/ }
.o-ui .flex.row {
flex-direction: row; }
.o-ui .flex.row-reverse {
Expand All @@ -205,6 +206,11 @@
flex-grow: 2; }
.o-ui .flex .no-wrap {
flex-wrap: nowrap; }
.o-ui .flex .wrap {
flex-wrap: wrap; }
.o-ui .flex .flex-line-break {
flex-basis: 100%;
height: 0; }
.o-ui .flex .justify-start {
justify-content: flex-start; }
.o-ui .flex .justify-end {
Expand All @@ -225,6 +231,14 @@
align-items: baseline; }
.o-ui .flex .align-stretch {
align-items: stretch; }
.o-ui .flex .basis-25 {
flex-basis: 25%; }
.o-ui .flex .basis-50 {
flex-basis: 50%; }
.o-ui .flex .basis-75 {
flex-basis: 75%; }
.o-ui .flex .basis-100 {
flex-basis: 100%; }
.o-ui .grid {
display: flex;
flex-wrap: wrap;
Expand Down Expand Up @@ -577,6 +591,9 @@
.o-ui button:focus:not(:focus-visible).icon-small:focus:not(:focus-visible),
.o-ui .button:focus:not(:focus-visible).icon-small:focus:not(:focus-visible) {
border: 0; }
.o-ui button:focus:not(:focus-visible).icon-bg:focus:not(:focus-visible),
.o-ui .button:focus:not(:focus-visible).icon-bg:focus:not(:focus-visible) {
border: 2px solid #b5b5b5; }
.o-ui button:focus:not(:focus-visible).icon-smaller:focus:not(:focus-visible),
.o-ui .button:focus:not(:focus-visible).icon-smaller:focus:not(:focus-visible) {
border: 0; }
Expand Down Expand Up @@ -830,6 +847,10 @@
opacity: 1; }
to {
opacity: 0; } }

@keyframes spin {
to {
transform: rotate(360deg); } }
.o-ui .bg-primary {
background-color: #008ff5; }
.o-ui .bg-black {
Expand Down Expand Up @@ -1424,6 +1445,12 @@
overflow-y: hidden; }
.o-ui .popup-menu > ul > li {
margin: 0.5rem; }
.o-ui .popup-menu.overlay-popup {
position: relative;
text-align: right;
right: 30px;
margin-top: -30px;
width: max-content; }

.app {
background-color: rgba(0, 0, 0, 0.1);
Expand Down Expand Up @@ -2063,18 +2090,12 @@ body {
border-radius: 6px;
bottom: auto;
box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.45);
box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.45);
font-family: Arial,sans-serif;
left: 50%;
position: absolute;
right: auto;
top: 50%;
transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transform-style: preserve-3d;
transform-style: preserve-3d;
transform-style: preserve-3d;
width: 300px;
z-index: 1100; }
.o-map .o-no-csstransforms .o-modal {
Expand Down Expand Up @@ -2263,6 +2284,21 @@ body {
transform: translateX(-320px);
transform: translateX(-320px);
transform: translateX(-320px); } }
.o-map .o-stylepicker {
height: 1.25rem;
margin-right: 5px;
margin-bottom: 1.25rem;
min-width: 110px; }
.o-map .o-stylepicker-header {
margin-right: 5px;
margin-top: 1.25rem; }
.o-map .o-stylepicker button {
border-radius: 10px;
font-family: Arial, 'Helvetica Neue', sans-serif;
font-size: .625rem;
line-height: 1.25rem; }
.o-map .o-stylepicker .dropdown li:hover {
color: #363636; }
.o-map .o-close-button {
float: right;
height: 2.429em;
Expand Down Expand Up @@ -2820,25 +2856,25 @@ body {
display: inline-block; }
.o-map .o-search-wrapper {
z-index: -1; }
.o-map #searchList .awesomplete {
.o-map .searchList .awesomplete {
width: 100%; }
.o-map #searchList .awesomplete > input {
.o-map .searchList .awesomplete > input {
height: 100%;
width: 100%; }
.o-map #searchList .button {
.o-map .searchList .button {
background: linear-gradient(#f0d8a8, #e8c47d);
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 0.3em;
padding: 0.5em 5em; }
.o-map #searchList .awesomplete .dropdown-btn {
.o-map .searchList .awesomplete .dropdown-btn {
border-radius: 5px;
line-height: initial;
padding: 0.75em 1em;
position: absolute;
right: 0; }
.o-map .dropdown-btn:focus {
border: 1px solid rgba(213, 213, 213, 0.6); }
.o-map #searchList .caret {
.o-map .searchList .caret {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid;
Expand All @@ -2847,28 +2883,28 @@ body {
margin-left: 2px;
vertical-align: middle;
width: 0; }
.o-map #searchList .awesomplete > ul {
.o-map .searchList .awesomplete > ul {
background-color: white;
min-width: 85%; }
.o-map #searchList .awesomplete > ul > li:first-child {
.o-map .searchList .awesomplete > ul > li:first-child {
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
.o-map #searchList .awesomplete > ul > li {
.o-map .searchList .awesomplete > ul > li {
border-bottom: 1px solid rgba(213, 213, 213, 0.2);
font-size: .875em;
left: 1.2em;
line-height: 1.5rem;
max-width: 100%;
padding: .4em 1em;
position: relative; }
.o-map #searchList .awesomplete > ul > li:last-child {
.o-map .searchList .awesomplete > ul > li:last-child {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; }
.o-map #searchList .awesomplete > ul > li:hover {
background: rgba(213, 213, 213, 0.7); }
.o-map #searchList .highlight {
.o-map .searchList .awesomplete > ul > li:hover {
background: rgba(213, 213, 213, 0.7); }
.o-map #searchList .awesomplete mark {
.o-map .searchList li[aria-selected="true"] {
background: rgba(0, 213, 213, 0.7); }
.o-map .searchList .awesomplete mark {
background: #eaff00; }
.o-map .searchlist-item {
display: flex; }
Expand Down Expand Up @@ -2909,6 +2945,8 @@ body {
margin: 5px;
overflow: hidden; } }
.o-map .sidebarcontainer {
display: flex;
flex-direction: column;
background-color: white;
border-radius: 0.5em;
box-shadow: 0 0 8px #888;
Expand All @@ -2918,17 +2956,41 @@ body {
right: 26em;
top: 6em;
width: 320px;
z-index: 1; }
z-index: 1;
overflow-x: hidden; }
.o-map .sidebarcontainer.expandable_list {
cursor: move; }
.o-map .expandable_list .urvalcontainer {
padding: 0;
display: flex;
flex-direction: column;
max-height: 60em;
margin-right: 0.5em;
overflow-y: scroll;
overflow-x: hidden;
border-bottom: none; }
.o-map .urvalcontainer {
border-bottom: 1px solid #d9d9d9;
cursor: move;
font-size: 12px;
font-weight: bold;
padding: 1em 1em 1em 2em;
z-index: 10; }
.o-map .expandable_list .urval-textnode-container {
font-weight: bold;
margin: 1em; }
.o-map .urval-textnode-container {
font-size: 15px;
margin-bottom: 0.5em; }
.o-map .expandable_list .urvalelement {
box-sizing: border-box;
width: 100%;
margin-right: 0;
padding: 0; }
.o-map .expandable_list .urvalcontent {
box-sizing: content-box; }
.o-map .expandable_list .urvalcontent .sublist:last-child {
border-bottom: 1px solid #d9d9d9; }
.o-map .urvalelement {
border-bottom: 3px solid white;
cursor: pointer;
Expand All @@ -2942,45 +3004,39 @@ body {
font-weight: normal; }
.o-map .closebutton-svg-container {
cursor: pointer;
height: 1.2em;
position: absolute;
right: 1em;
top: 1em;
width: 1.2em; }
.o-map .closebutton-svg {
fill: #4d4d4d;
height: 100%;
width: 100%; }
right: 0;
top: 0; }
.o-map .listcontainer {
font-size: 12px;
font-weight: normal;
margin-right: 0.5em;
max-height: 40em;
overflow-y: scroll;
scroll-behavior: smooth; }
.o-map .listelement {
display: flex; }
.o-map .removelistelement-svg-container {
cursor: pointer;
display: inline-block;
height: 1em;
padding: 0.5em;
vertical-align: top;
width: 1em; }
vertical-align: top; }
.o-map .removelistelement-svg {
fill: #4d4d4d;
height: 100%;
width: 100%; }
height: 1em;
width: 1em; }
.o-map .listelement-content-container {
border-bottom: 1px solid #d9d9d9;
cursor: pointer;
display: inline-block;
padding: 0.5em;
width: 85%; }
display: flex;
margin: 0.5em;
flex: 1;
padding: 0 0.5em 0.5em;
margin-right: 1em; }
.o-map .expandlistelement-svg {
fill: #646464;
height: 100%;
width: 100%; }
.o-map .expandlistelement-svg:hover {
fill: #09f; }
.o-map .expandlistelement-svg-container {
float: right;
height: 1em;
Expand All @@ -2998,7 +3054,8 @@ body {
transition: .5s;
transition: 0.5s; }
.o-map .o-identify-content {
display: inline-block; }
display: inline-block;
width: 100%; }
.o-map .folded {
max-height: 0;
overflow: hidden;
Expand Down Expand Up @@ -3026,8 +3083,14 @@ body {
.o-map .exportcontainer {
font-size: 12px;
font-weight: normal; }
.o-map .expandable_list .export-buttons-container {
padding: 0.5em 0;
margin: 0; }
.o-map .export-buttons-container {
margin: 0.5em 0.2em; }
margin: 0.5em 0.2em;
margin-left: 1.8em; }
.o-map .expandable_list .export-buttons-container {
padding: 0.5em 0; }
.o-map .export-button {
background-color: whitesmoke;
border: 1px solid #ccc;
Expand Down Expand Up @@ -3058,10 +3121,6 @@ body {
.o-map .disabled {
color: #888;
cursor: not-allowed; }
.o-map .spinner {
height: 1.5em;
margin: 0 0.3em;
transform: translateY(3px); }
.o-map .hidden {
display: none; }
.o-map ::-webkit-scrollbar {
Expand All @@ -3074,6 +3133,11 @@ body {
top: 5em;
transform: translateX(-50%);
width: 280px; }
.o-map[class*=o-media-l] .sidebarcontainer .listelement-content-container {
display: inline-flex;
width: 80%; }
.o-map[class*=o-media-l] .sidebarcontainer.expandable_list .urvalcontainer {
max-height: 20em; }
.o-map[class*=o-media-l] .o-identify-content {
width: 100%; }
.o-map[class*=o-media-l-m] .sidebarcontainer {
Expand All @@ -3095,7 +3159,7 @@ body {
border-color: #ff9500; }
.o-map .validate > select:required:invalid {
border-color: #ff9500; }
.o-map input[type="searchList-input"]:required:invalid {
.o-map input.awesome:required:invalid {
border-color: #ff9500; }
.o-map .o-scale {
font-family: Arial, 'Helvetica Neue', sans-serif;
Expand Down Expand Up @@ -3139,6 +3203,17 @@ body {
position: relative;
top: 50%;
transform: translateY(-50%); }
.o-map img.spinner {
height: 1.5em;
margin: 0 0.3em;
transform: translateY(3px);
width: auto; }
.o-map img.spinner-large {
height: 2.1em;
margin-right: 1.18em;
margin-left: 0.22em;
bottom: -3px;
position: relative; }

html,
body {
Expand All @@ -3151,3 +3226,25 @@ body {
height: 100%;
overflow: hidden;
position: relative; }

#loading {
width: 100vw;
height: 100vh;
position: fixed;
left: 0;
top: 0;
z-index: 9999999;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.7); }
#loading.hide {
display: none; }
#loading .loading-spinner {
display: inline-block;
width: 75px;
height: 75px;
border: 5px solid rgba(255, 255, 255, 0.3);
border-radius: 50%;
border-top-color: #fff;
animation: spin 1s ease-in-out infinite; }
Loading

0 comments on commit e3aeade

Please sign in to comment.