eliott/worldmonitor
1
0
Fork 0
mirror of https://github.com/koala73/worldmonitor.git synced 2026-04-25 17:14:57 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: enhance map resizing with automatic container observation, top-edge pinning, and responsive height adjustments (#888)

Browse Source 
* feat: enhance map resizing with automatic container observation, top-edge pinning, and responsive height adjustments.

* fix: Correct map resizing and prevent duplicate transition end events during height adjustments.
This commit is contained in:
0xDanielimad
2026-03-03 12:56:14 +04:00
committed by GitHub
parent 3dadf74ded
commit ea6874d6d7
5 changed files with 343 additions and 264 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/styles/main.css
View File

@@ -1634,12 +1634,15 @@ body.panel-resize-active iframe {
line-height: 1;
transition: color 0.15s;
}
.live-news-manage-row:hover .live-news-manage-row-remove-x {
display: inline;
}
.live-news-manage-row-remove-x:hover {
color: var(--red);
}
.live-news-manage-edit {
padding: 4px 8px;
font-size: 10px;
@@ -1980,10 +1983,12 @@ body.panel-resize-active iframe {
background: rgba(68, 255, 136, 0.05);
cursor: pointer;
}
.live-news-manage-card.added:hover {
border-color: rgba(255, 80, 80, 0.5);
background: rgba(255, 80, 80, 0.08);
}
.live-news-manage-card:active {
transform: scale(0.97);
}
@@ -2045,9 +2050,18 @@ body.panel-resize-active iframe {
.live-news-manage-card.added .live-news-manage-card-action {
color: var(--green);
}
.live-news-manage-card:hover .live-news-manage-card-action { color: var(--green); }
.live-news-manage-card.added .live-news-manage-card-action { color: var(--green); }
.live-news-manage-card.added:hover .live-news-manage-card-action { color: var(--red); }
.live-news-manage-card:hover .live-news-manage-card-action {
color: var(--green);
}
.live-news-manage-card.added .live-news-manage-card-action {
color: var(--green);
}
.live-news-manage-card.added:hover .live-news-manage-card-action {
color: var(--red);
}
/* Tab count badge */
.live-news-manage-tab-count {
@@ -16295,6 +16309,10 @@ body.has-breaking-alert .panels-grid {
transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.map-section-smooth {
transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.map-bottom-grid:empty {
border-top: none;
padding: 0;