uberwald/fvtt-mournblade-cyd-2-0
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Fix select text clipping in header stat cards

Browse Source 
Use height:auto + padding:1px instead of fixed 20px height so browser
renders select text without vertical clipping.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
LeRatierBretonnier
2026-04-03 07:57:12 +02:00
parent c28414dd22
commit 28cab15b37
2 changed files with 67 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
styles/mournblade-cyd2.css
View File

@@ -2582,11 +2582,11 @@ li {
padding: 0;
line-height: 1;
}
.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"],
.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field select {
.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"] {
flex: 1;
min-width: 0;
height: 20px;
line-height: 20px;
font-size: 0.72rem;
font-weight: 600;
padding: 0 3px;
@@ -2597,30 +2597,53 @@ li {
text-align: center;
text-shadow: none;
}
.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"]:hover,
.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field select:hover {
.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"]:hover {
border-color: rgba(200, 150, 40, 0.7);
background: rgba(50, 30, 10, 0.9);
}
.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"]:focus,
.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"]:focus {
outline: none;
border-color: #ffd700;
box-shadow: 0 0 4px rgba(255, 215, 0, 0.3);
}
.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"]:disabled {
opacity: 0.6;
cursor: default;
}
.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field select {
flex: 1;
min-width: 0;
height: auto;
min-height: 20px;
font-size: 0.72rem;
font-weight: 600;
padding: 1px 14px 1px 3px;
line-height: 1.2;
background: rgba(35, 20, 5, 0.85);
border: 1px solid rgba(120, 75, 20, 0.55);
border-radius: 2px;
color: #f0dfc0;
text-align: center;
text-shadow: none;
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath fill='%23b09060' d='M0 0l4 5 4-5z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 3px center;
}
.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field select:hover {
border-color: rgba(200, 150, 40, 0.7);
background-color: rgba(50, 30, 10, 0.9);
}
.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field select:focus {
outline: none;
border-color: #ffd700;
box-shadow: 0 0 4px rgba(255, 215, 0, 0.3);
}
.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"]:disabled,
.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field select:disabled {
opacity: 0.6;
cursor: default;
}
.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field select {
appearance: none;
-webkit-appearance: none;
padding-right: 14px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath fill='%23b09060' d='M0 0l4 5 4-5z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 3px center;
}
.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field.stat-field-center {
justify-content: center;
}