Fixed wrapping, callsign width and scrollbar

This commit is contained in:
Andreas Kristiansen
2025-10-06 18:54:50 +02:00
parent 9069e5c4fa
commit ae21551755
10 changed files with 91 additions and 13 deletions

View File

@@ -31,10 +31,24 @@
background-color: #d4edda !important;
}
.qso_call {
float: left;
width: 190px;
}
.qso_icons {
float: right;
}
#qsoList_wrapper th {
text-align: left !important;
white-space: nowrap;
}
#qsoList_wrapper td {
text-align: left !important;
white-space: nowrap;
}
TD.qrz {
white-space: nowrap;
}
@@ -95,4 +109,18 @@ path.grid-confirmed {
path.grid-worked {
fill: rgba(172, 40, 40, 0.7) !important;
stroke: rgba(248, 96, 129, 0.7) !important;
}
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

View File

@@ -84,13 +84,22 @@
height: 400px !important;
}
.qso_call {
float: left;
width: 190px;
}
.qso_icons {
float: right;
}
#qsoList_wrapper th {
text-align: left !important;
white-space: nowrap;
}
#qsoList_wrapper td {
text-align: left !important;
white-space: pre-wrap;
white-space: nowrap;
}
TD.qrz {

View File

@@ -176,7 +176,7 @@ path.grid-worked {
.qso_call {
float: left;
width: 140px;
width: 190px;
}
.qso_icons {
@@ -328,4 +328,18 @@ svg text.month {
margin-left: -5px;
position: absolute;
width: 0;
}
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(196, 196, 196, 0.185);
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.5);
}

View File

@@ -176,7 +176,7 @@ path.grid-worked {
.qso_call {
float: left;
width: 140px;
width: 190px;
}
.qso_icons {
@@ -189,7 +189,7 @@ path.grid-worked {
}
#qsoList_wrapper td {
text-align: left !important;
white-space: pre-wrap;
white-space: nowrap;
}
@media (min-width: 1500px) {

View File

@@ -192,7 +192,7 @@ div.alert-danger {
.qso_call {
float: left;
width: 140px;
width: 190px;
}
.qso_icons {
@@ -343,3 +343,16 @@ svg text.month {
width: 0;
}
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(196, 196, 196, 0.185);
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.5);
}

View File

@@ -192,7 +192,7 @@ div.alert-danger {
.qso_call {
float: left;
width: 140px;
width: 180px;
}
.qso_icons {
@@ -205,7 +205,7 @@ div.alert-danger {
}
#qsoList_wrapper td {
text-align: left !important;
white-space: pre-wrap;
white-space: nowrap;
}
@media (min-width: 992px) {

View File

@@ -28,7 +28,7 @@ thead > tr > td {
.qso_call {
float: left;
width: 140px;
width: 190px;
}
.qso_icons {

View File

@@ -28,7 +28,7 @@ thead > tr > td {
.qso_call {
float: left;
width: 140px;
width: 190px;
}
.qso_icons {
@@ -46,7 +46,7 @@ thead > tr > td {
#qsoList_wrapper td {
text-align: left !important;
white-space: pre-wrap;
white-space: nowrap;
}
@media (min-width: 1500px) {

View File

@@ -184,7 +184,7 @@ div.alert-danger {
.qso_call {
float: left;
width: 140px;
width: 180px;
}
.qso_icons {
@@ -340,4 +340,18 @@ svg text.month {
margin-left: -5px;
position: absolute;
width: 0;
}
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

View File

@@ -221,7 +221,7 @@ div.alert-danger {
.qso_call {
float: left;
width: 140px;
width: 180px;
}
.qso_icons {
@@ -234,7 +234,7 @@ div.alert-danger {
}
#qsoList_wrapper td {
text-align: left !important;
white-space: pre-wrap;
white-space: nowrap;
}
#edit_qso:not(.btn) {