diff options
| author | Arda Serdar Pektezol <1669855+pektezol@users.noreply.github.com> | 2024-09-03 00:08:53 +0300 |
|---|---|---|
| committer | Arda Serdar Pektezol <1669855+pektezol@users.noreply.github.com> | 2024-09-03 00:08:53 +0300 |
| commit | a65d6d9127c3fa7f6a8ecaec5d1ffd1f47c2bc98 (patch) | |
| tree | edf8630e9d6426124dd49854af0cb703ebc5b710 /frontend/src/css/Maps.css | |
| parent | fix: revert to static homepage (#195) (diff) | |
| download | lphub-a65d6d9127c3fa7f6a8ecaec5d1ffd1f47c2bc98.tar.gz lphub-a65d6d9127c3fa7f6a8ecaec5d1ffd1f47c2bc98.tar.bz2 lphub-a65d6d9127c3fa7f6a8ecaec5d1ffd1f47c2bc98.zip | |
refactor: port to typescript
Diffstat (limited to '')
| -rw-r--r-- | frontend/src/css/Maps.css (renamed from frontend/src/components/pages/summary.css) | 10 |
1 files changed, 8 insertions, 2 deletions
diff --git a/frontend/src/components/pages/summary.css b/frontend/src/css/Maps.css index 8c6ec35..d164d3b 100644 --- a/frontend/src/components/pages/summary.css +++ b/frontend/src/css/Maps.css | |||
| @@ -65,7 +65,7 @@ | |||
| 65 | #section3{ | 65 | #section3{ |
| 66 | margin: 40px 0 0 0; | 66 | margin: 40px 0 0 0; |
| 67 | 67 | ||
| 68 | display: none; | 68 | display: grid; |
| 69 | grid-template-columns: 1fr 1fr; | 69 | grid-template-columns: 1fr 1fr; |
| 70 | gap: 20px; | 70 | gap: 20px; |
| 71 | } | 71 | } |
| @@ -239,7 +239,7 @@ p>span.portal-count{font-weight: bold;font-size: 100px;vertical-align: -15%;} | |||
| 239 | /* Section 4: Difficulty + count */ | 239 | /* Section 4: Difficulty + count */ |
| 240 | 240 | ||
| 241 | #section4{ | 241 | #section4{ |
| 242 | display: none; | 242 | display: grid; |
| 243 | grid-template-columns: 1fr 1fr; | 243 | grid-template-columns: 1fr 1fr; |
| 244 | gap: 20px; | 244 | gap: 20px; |
| 245 | margin: 40px 0 0 0; | 245 | margin: 40px 0 0 0; |
| @@ -424,6 +424,7 @@ text-align: center; | |||
| 424 | 424 | ||
| 425 | .hover-popup { | 425 | .hover-popup { |
| 426 | position: relative; | 426 | position: relative; |
| 427 | display: inline-block; | ||
| 427 | } | 428 | } |
| 428 | 429 | ||
| 429 | .hover-popup::after { | 430 | .hover-popup::after { |
| @@ -438,8 +439,13 @@ text-align: center; | |||
| 438 | border-radius: 8px; | 439 | border-radius: 8px; |
| 439 | visibility: hidden; | 440 | visibility: hidden; |
| 440 | opacity: 0; | 441 | opacity: 0; |
| 442 | color: #cdcfdf; | ||
| 441 | /* transition: visibility 0s, opacity 0.3s ease; */ | 443 | /* transition: visibility 0s, opacity 0.3s ease; */ |
| 442 | } | 444 | } |
| 445 | |||
| 446 | .hover-popup:hover { | ||
| 447 | color: transparent; | ||
| 448 | } | ||
| 443 | 449 | ||
| 444 | .hover-popup:hover::after { | 450 | .hover-popup:hover::after { |
| 445 | visibility: visible; | 451 | visibility: visible; |