Michatec/wk_wars2x
1
1
Fork 0
mirror of https://github.com/Michatec/wk_wars2x.git synced 2026-04-01 08:26:27 +02:00
Code Issues Packages Projects Releases Activity

Fixed clip-path bug again

Browse Source
This commit is contained in:
Dan
2019-11-16 14:46:57 +00:00
parent 1ee1b8a944
commit 28a65367e5
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
nui/radar.css
View File

@@ -22,7 +22,7 @@
} }
.radar_container { .radar_container {
width: 670px; width: 675px;
height: 200px; height: 200px;
/* Temp centre */ /* Temp centre */
@@ -34,20 +34,23 @@
left: 0; left: 0;
display: grid; display: grid;
grid-template-columns: 17px 635px 17px; grid-template-columns: 1fr 635px 1fr;
} }
.panel_side { .panel_side {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: linear-gradient( to bottom, rgb( 50, 50, 50 ), rgb( 25, 25, 25 ) ); background: linear-gradient( to bottom, rgb( 50, 50, 50 ), rgb( 25, 25, 25 ) );
z-index: 5;
} }
.panel_left { .panel_left {
clip-path: polygon( 0 30%, 100% 0, 100% 100%, 0 70% ); clip-path: polygon( 0 30%, 90% 0, 100% 0, 100% 100%, 90% 100%, 0 70% );
transform: translateX( 1px );
} }
.panel_right { .panel_right {
clip-path: polygon( 0 0, 100% 30%, 100% 70%, 0 100% ); clip-path: polygon( 0 0, 10% 0, 100% 30%, 100% 70%, 10% 100%, 0 100% );
transform: translateX( -1px );
} }
.arrow { .arrow {
@@ -73,6 +76,8 @@
display: grid; display: grid;
grid-template-columns: 45px 50px 150px 35px 50px 135px 35px 135px; grid-template-columns: 45px 50px 150px 35px 50px 135px 35px 135px;
gap: 0 0; gap: 0 0;
z-index: 10;
} }
#radar .label { #radar .label {
font-size: 15px; font-size: 15px;