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;
flex-shrink: 0;
}
.brand-name {
display: none;
.brand-text {
display: none !important;
}
.brand-logo-emblem {
width: 32px;
height: 32px;
}
.brand-text .brand-tagline,
.badge-live-pulse {
display: none;
}
@@ -2562,17 +2561,29 @@ body {
flex-shrink: 0;
}
.user-profile-pill {
padding: 6px;
padding: 0;
border-radius: 50%;
width: 32px;
height: 32px;
min-width: 32px;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.72rem;
}
.user-profile-pill span:last-child {
display: none;
.user-profile-pill #user-profile-pill {
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 */
index.html
+6 -6
View File
@@ -54,7 +54,7 @@
<meta name="apple-mobile-web-app-title" content="FlockRadar">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="css/styles.css?v=23">
<link rel="stylesheet" href="css/styles.css?v=24">
</head>
<body>
@@ -1313,11 +1313,11 @@
<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 -->
<script src="data/portals.js?v=23"></script>
<script src="js/icons.js?v=23"></script>
<script src="js/auth.js?v=23"></script>
<script src="js/radar.js?v=23"></script>
<script src="js/app.js?v=23"></script>
<script src="data/portals.js?v=24"></script>
<script src="js/icons.js?v=24"></script>
<script src="js/auth.js?v=24"></script>
<script src="js/radar.js?v=24"></script>
<script src="js/app.js?v=24"></script>
<!-- Service Worker Instant Cache Invalidation -->
<script>
sw.js
+13 -13
View File
@@ -1,20 +1,20 @@
// Service Worker for FlockRadar Offline Driving & Live Updates
const CACHE_NAME = 'flockradar-v23';
const CACHE_NAME = 'flockradar-v24';
const ASSETS_TO_CACHE = [
'./',
'./index.html',
'./css/styles.css?v=23',
'./js/icons.js?v=23',
'./js/app.js?v=23',
'./js/auth.js?v=23',
'./js/radar.js?v=23',
'./data/portals.js?v=23',
'./favicon.svg?v=23',
'./favicon.ico?v=23',
'./apple-touch-icon.png?v=23',
'./icon-192.png?v=23',
'./icon-512.png?v=23',
'./og-image.png?v=23',
'./css/styles.css?v=24',
'./js/icons.js?v=24',
'./js/app.js?v=24',
'./js/auth.js?v=24',
'./js/radar.js?v=24',
'./data/portals.js?v=24',
'./favicon.svg?v=24',
'./favicon.ico?v=24',
'./apple-touch-icon.png?v=24',
'./icon-192.png?v=24',
'./icon-512.png?v=24',
'./og-image.png?v=24',
'./assets/img/logo.svg',
'./assets/img/flock_pole_cam_palmdale.jpg',
'./manifest.json'