style-boostrap.css: ensures image size fit in container (#7774)

Co-authored-by: Sammy Ndabo <sammy.ndabo@evoludata.com>

Sammy Ndabo committed Apr 28, 2026 at 11:49 UTC 99647880e4cd26e0384324850b7e6402d4651ab4
1 file changed +16 -5
public/styles/style-bootstrap.css
+16 -5
@@ -2568,7 +2568,7 @@ body:not(.fullscreen) .notifiyBox {
2568 .notification:hover {
2569 background-color: #EFE8B6;
2570 }
2571 -
2571 +
2572 #notificationBadge {
2573 box-shadow: -0.1px 1px 2px #000000;
2574 -webkit-box-shadow: -0.1px 1px 2px #000000;
@@ -3467,14 +3467,14 @@ body:not(.fullscreen) .notifiyBox {
3467
3468 .sidebar .nav-link {
3469 font-size: xx-large;
3470 -
3470 +
3471 }
3472
3473 .nav-link {
3474 width: unset !important;
3475 }
3476
3477 -.nav {
3477 +.nav {
3478 --bs-nav-link-padding-x: 19px !important;
3479 }
3480
@@ -3625,7 +3625,7 @@ body:not(.fullscreen) .notifiyBox {
3625 padding: 0 !important;
3626 border-radius: 0 !important;
3627 }
3628 -
3628 +
3629 .userDropdownMenuItem:hover {
3630 border-radius: unset !important;
3631 }
@@ -3837,6 +3837,17 @@ body:not(.fullscreen) .notifiyBox {
3837 transform: rotate(90deg);
3838 }
3839
3840 +/* Icon customization modal preview */
3841 +.icon-preview-container {
3842 + align-items: center;
3843 +}
3844 +
3845 +.icon-preview-item {
3846 + width: 64px;
3847 + height: 64px;
3848 + object-fit: contain;
3849 +}
3850 +
3851 @media (min-width: 769px) {
3852 .userDropdownSubmenu {
3853 position: absolute;
@@ -3851,4 +3862,4 @@ body:not(.fullscreen) .notifiyBox {
3862 opacity: 1;
3863 transform: translateX(0);
3864 }
3854 -}
\ No newline at end of file
3865 +}