Skip to content

Commit

Permalink
Merge pull request #474 from issid/fix-fps-drop
Browse files Browse the repository at this point in the history 
fix fps drop
  • Loading branch information
@MrAntares
MrAntares authored Sep 21, 2024
2 parents 3d778fd + 03e5cb9 commit 45fe5fb
Show file tree
Hide file tree
Showing 3 changed files with 551 additions and 514 deletions.
158 changes: 80 additions & 78 deletions src/UI/Components/WorldMap/WorldMap.css
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,10 @@
#loader {
position: relative;
transform: translate(-10%, -50%);
top: 50%;
left: 50%;
}

#WorldMap {
position: fixed;
top: 0;
Expand All @@ -8,7 +15,7 @@
}

#WorldMap .hidden {
display: none;
display: none;
}

#WorldMap .titlebar {
Expand Down Expand Up @@ -68,7 +75,7 @@
}

#WorldMap .border, #WorldMap .map, #WorldMap .content, #WorldMap .worldmap, #WorldMap .map-view {
height: 100%;
height: 100%;
}

#WorldMap .worldmap .map-view {
Expand All @@ -80,70 +87,68 @@
#WorldMap .worldmap .section {
position: absolute;
border: 0px;
border-radius: 4px;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0);
cursor: pointer;
overflow: visible;
overflow: visible;
}

#WorldMap .worldmap .section:hover, #WorldMap .worldmap .section.allmapvisible, #WorldMap .worldmap .section.currentmap, #WorldMap .worldmap .section.membersonmap {
border: 1px solid #dddddd7a;
}

#WorldMap .worldmap .section:hover{
#WorldMap .worldmap .section:hover {
background-color: rgba(0, 128, 255, 0.5);
}

#WorldMap .worldmap .section.membersonmap:not(.currentmap) {
background-color: rgba(128, 255, 0, 0.5);
background-color: rgba(128, 255, 0, 0.5);
}

#WorldMap .worldmap .section.currentmap {
background-color: rgba(255, 128, 0, 0.5);
background-color: rgba(255, 128, 0, 0.5);
}

#WorldMap .worldmap .section .mapname {
display: none;
display: none;
}

#WorldMap .worldmap .section.currentmap .mapname {
display: block;
position: absolute;
top: 3px;
left: 50%;
transform: translate(-50%, 0);
height: 11px;
font-size: 10px;
color: white;
font-weight: bold;
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
text-wrap: nowrap;
text-align: center;
display: block;
position: absolute;
top: 3px;
left: 50%;
transform: translate(-50%, 0);
height: 11px;
font-size: 10px;
color: white;
font-weight: bold;
text-shadow: -1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
text-wrap: nowrap;
text-align: center;
}

#WorldMap .worldmap .section .mapid {
display: none;
display: none;
}

#WorldMap .worldmap .section:hover .mapid, #WorldMap .worldmap .section.allmapvisible .mapid {
display: block;
position: absolute;
bottom: 3px;
left: 50%;
transform: translate(-50%, 0);
height: 10px;
font-size: 9px;
color: white;
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
text-align: center;
display: block;
position: absolute;
bottom: 3px;
left: 50%;
transform: translate(-50%, 0);
height: 10px;
font-size: 9px;
color: white;
text-shadow: -1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
text-align: center;
}

#WorldMap .worldmap .airplane {
Expand All @@ -158,10 +163,10 @@
}


#WorldMap dialog{
border: 1px solid black;
border-radius: 5px;
background-color: rgba(255, 255, 255, 0.2);
#WorldMap dialog {
border: 1px solid black;
border-radius: 5px;
background-color: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(5px);
}

Expand All @@ -172,44 +177,41 @@
}

#WorldMap dialog .mapname {
position: absolute;
top: 7px;
left: 10px;
font-size: 16px;
color: gold;
font-weight: bold;
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
position: absolute;
top: 7px;
left: 10px;
font-size: 16px;
color: gold;
font-weight: bold;
text-shadow: -1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}

#WorldMap dialog .memberlist {
position: absolute;
top: 35px;
left: 15px;
font-size: 13px;
color: salmon;
font-weight: bold;
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
position: absolute;
top: 35px;
left: 15px;
font-size: 13px;
color: salmon;
font-weight: bold;
text-shadow: -1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}

#WorldMap dialog .mapid {
position: absolute;
bottom: 7px;
left: 10px;
font-size: 12px;
color: white;
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
position: absolute;
bottom: 7px;
left: 10px;
font-size: 12px;
color: white;
text-shadow: -1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}

/*#WorldMap dialog::backdrop {
Expand All @@ -225,8 +227,8 @@
position: absolute;
top: 5px;
right: 5px;
width: 11px;
width: 11px;
height: 11px;
border: none;
background-color: rgba(255, 255, 255, 0.0);
}
background-color: rgba(255, 255, 255, 0.0);
}
10 changes: 5 additions & 5 deletions src/UI/Components/WorldMap/WorldMap.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,9 +8,9 @@
</div>
<div class="right">
<button class="base togglemaps" data-background="minimap/i_object_3.bmp"
data-hover="minimap/i_object_2.bmp"></button>
data-hover="minimap/i_object_2.bmp"></button>
<button class="base close" data-background="basic_interface/sys_close_off.bmp"
data-hover="basic_interface/sys_close_on.bmp"></button>
data-hover="basic_interface/sys_close_on.bmp"></button>
</div>
</div>

Expand All @@ -20,10 +20,10 @@
</div>
<dialog id="dialog-map-view">
<button id="dialog-close" data-background="basic_interface/sys_close_off.bmp"
data-hover="basic_interface/sys_close_on.bmp"></button>
<img id="img-map-view"/>
data-hover="basic_interface/sys_close_on.bmp"></button>
<div id="img-map-view"><div id="loader"></div></div>
<div class="mapname"/>
<div class="memberlist"/>
<div class="mapid"/>
</dialog>
</div>
</div>
Loading

0 comments on commit 45fe5fb

Please sign in to comment.