AvianNetwork/Avian

QT: QComboBox issue

Closed this issue · 2 comments

When I click on certain drop boxes QComboBox it pops up large and unreadable with no text. Not sure if issue is present on Windows or macOS. Please comment if don't see or see this issue.

Running Avian 4.0.0 on Arch Linux x86_64 (GNOME on Wayland)

Screenshot from 2022-07-13 00-13-10

Looking into the css (dark and light), I found out that removing the lines below resulted the issue being fixed. This means it could be a style-sheet issue and a style found somewhere below is causing this issue.

/* QComboBox */
QComboBox:editable {
border: 0px solid #777;
}
QComboBox:focus {
padding-top: 0;
padding-bottom: 0;
}
QComboBox::drop-down {
width: 25px;
border: 0px;
}
QComboBox::indicator {
background-color: #777;
selection-background-color: #3d3939;
color: #f4f4f4;
selection-color: #f4f4f4;
}
QComboBox QListView {
padding: 3px;
background-color: #2E2E2E;
color: #f4f4f4;
border: 1px solid #878787;
border-radius: 4px;
font: 12pt 'Manrope';
}
QComboBox QAbstractItemView::item {
margin: 4px;
}
QComboBox::item {
color: #f4f4f4;
font: 12pt 'Manrope';
}
QComboBox::item:alternate {
background-color: #f4f4f4;
font: 12pt 'Manrope';
}
QComboBox::item:selected {
border: 0px solid #f4f4f4;
background-color: #cfcccc;
font: 12pt 'Manrope';
}
QComboBox::down-arrow {
width: 20px;
height: 20px;
image: url(':/images/arrow_down_light') 0 0 0 0 stretch stretch;
}
QComboBox::down-arrow:hover {
width: 20px;
height: 20px;
image: url(':/images/arrow_down_dark') 0 0 0 0 stretch stretch;
}
QComboBox::down-arrow:pressed {
width: 20px;
height: 20px;
image: url(':/images/arrow_down_light') 0 0 0 0 stretch stretch;
}
QComboBox::down-arrow:disabled {
width: 20px;
height: 20px;
image: url(':/images/arrow_light_down_normal') 0 0 0 0 stretch stretch;
}

Issue has been fixed for both dark and light mode.

image