Mediusa/FlockRadar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(mobile): hide brand text and profile text on mobile viewports for compact nav bar (v24)

Browse Source
This commit is contained in:
Mediusa
2026-09-12 12:00:54 -07:00
parent 01dfd20ddd
commit fbe0bcea9f
3 changed files with 36 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/styles.css
+17 -6
View File
@@ -2529,14 +2529,13 @@ body {
gap: 0; gap: 0;
flex-shrink: 0; flex-shrink: 0;
} }
.brand-name { .brand-text {
display: none; display: none !important;
} }
.brand-logo-emblem { .brand-logo-emblem {
width: 32px; width: 32px;
height: 32px; height: 32px;
} }
.brand-text .brand-tagline,
.badge-live-pulse { .badge-live-pulse {
display: none; display: none;
} }
@@ -2562,17 +2561,29 @@ body {
flex-shrink: 0; flex-shrink: 0;
} }
.user-profile-pill { .user-profile-pill {
padding: 6px; padding: 0;
border-radius: 50%; border-radius: 50%;
width: 32px; width: 32px;
height: 32px; height: 32px;
min-width: 32px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 0.72rem; font-size: 0.72rem;
} }
.user-profile-pill span:last-child { .user-profile-pill #user-profile-pill {
display: none; display: flex;
align-items: center;
justify-content: center;
}
.user-profile-pill #user-profile-pill span:last-child {
display: none !important;
}
.avatar-dot {
margin: 0;
display: flex;
align-items: center;
justify-content: center;
} }
/* Sleek Floating Top Driving Capsule */ /* Sleek Floating Top Driving Capsule */
index.html
+6 -6
View File
@@ -54,7 +54,7 @@
<meta name="apple-mobile-web-app-title" content="FlockRadar"> <meta name="apple-mobile-web-app-title" content="FlockRadar">
<!-- Main Stylesheet --> <!-- Main Stylesheet -->
<link rel="stylesheet" href="css/styles.css?v=23"> <link rel="stylesheet" href="css/styles.css?v=24">
</head> </head>
<body> <body>
@@ -1313,11 +1313,11 @@
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script> <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
<!-- Data & Application Logic with Cache Busting --> <!-- Data & Application Logic with Cache Busting -->
<script src="data/portals.js?v=23"></script> <script src="data/portals.js?v=24"></script>
<script src="js/icons.js?v=23"></script> <script src="js/icons.js?v=24"></script>
<script src="js/auth.js?v=23"></script> <script src="js/auth.js?v=24"></script>
<script src="js/radar.js?v=23"></script> <script src="js/radar.js?v=24"></script>
<script src="js/app.js?v=23"></script> <script src="js/app.js?v=24"></script>
<!-- Service Worker Instant Cache Invalidation --> <!-- Service Worker Instant Cache Invalidation -->
<script> <script>
sw.js
+13 -13
View File
@@ -1,20 +1,20 @@
// Service Worker for FlockRadar Offline Driving & Live Updates // Service Worker for FlockRadar Offline Driving & Live Updates
const CACHE_NAME = 'flockradar-v23'; const CACHE_NAME = 'flockradar-v24';
const ASSETS_TO_CACHE = [ const ASSETS_TO_CACHE = [
'./', './',
'./index.html', './index.html',
'./css/styles.css?v=23', './css/styles.css?v=24',
'./js/icons.js?v=23', './js/icons.js?v=24',
'./js/app.js?v=23', './js/app.js?v=24',
'./js/auth.js?v=23', './js/auth.js?v=24',
'./js/radar.js?v=23', './js/radar.js?v=24',
'./data/portals.js?v=23', './data/portals.js?v=24',
'./favicon.svg?v=23', './favicon.svg?v=24',
'./favicon.ico?v=23', './favicon.ico?v=24',
'./apple-touch-icon.png?v=23', './apple-touch-icon.png?v=24',
'./icon-192.png?v=23', './icon-192.png?v=24',
'./icon-512.png?v=23', './icon-512.png?v=24',
'./og-image.png?v=23', './og-image.png?v=24',
'./assets/img/logo.svg', './assets/img/logo.svg',
'./assets/img/flock_pole_cam_palmdale.jpg', './assets/img/flock_pole_cam_palmdale.jpg',
'./manifest.json' './manifest.json'