1
0
mirror of https://github.com/qgis/QGIS.git synced 2025-04-25 00:03:06 -04:00

[themes] Properly style widget focus

This commit is contained in:
Mathieu Pellerin 2019-02-09 14:28:22 +07:00
parent bf5b3f03c9
commit 3ae5038d7f
4 changed files with 69 additions and 24 deletions
resources/themes

@ -290,17 +290,6 @@ QComboBox::indicator {
selection-color:transparent; selection-color:transparent;
} }
QLineEdit:focus
{
border: 1px solid @selection;
}
QTextEdit:focus
{
border: 1px solid @selection;
}
/* ==================================================================================== */ /* ==================================================================================== */
/* SCROLL BAR */ /* SCROLL BAR */
/* ==================================================================================== */ /* ==================================================================================== */
@ -719,6 +708,27 @@ QHeaderView::section {
padding: 0 0 0.1em 0.2em; padding: 0 0 0.1em 0.2em;
} }
/* ==================================================================================== */
/* FOCUS */
/* ==================================================================================== */
QToolButton:focus, QPushButton:focus, QCheckBox:focus, QRadioButton:focus, QGroupBox:focus {
outline:1px solid @focusdark;
outline-radius: 0.2em;
}
QComboBox:focus, QAbstractSpinBox:focus, QLineEdit:focus, QPlainTextEdit:focus, QTextEdit:focus {
border:1px solid @focus;
}
QToolButton[autoRaise=true]:focus:!pressed {
border:1px solid @focusdark;
}
QToolButton[autoRaise=false]:focus:!pressed {
border:1px solid @focus;
}
/* ==================================================================================== */ /* ==================================================================================== */
/* QGIS-SPECIFIC TWEAKS */ /* QGIS-SPECIFIC TWEAKS */
/* ==================================================================================== */ /* ==================================================================================== */
@ -733,6 +743,10 @@ QgsColorButton:hover, QgsColorRampButton:hover, QgsSymbolButton:hover, QgsFontBu
color:@itembackground; color:@itembackground;
} }
QgsColorButton:focus, QgsColorRampButton:focus, QgsSymbolButton:focus, QgsFontButton:focus {
border:1px solid @focus;
}
QgsMessageBar QLabel, QgsMessageBar QTextEdit, QMessageBar QToolButton { QgsMessageBar QLabel, QgsMessageBar QTextEdit, QMessageBar QToolButton {
background: transparent; background: transparent;
border: none; border: none;
@ -775,10 +789,17 @@ QgsMessageBar QScrollBar::down-arrow:vertical {
image: url(@theme_path/icons/arrow-down.svg); image: url(@theme_path/icons/arrow-down.svg);
} }
QgsPropertyOverrideButton { QgsPropertyOverrideButton, QgsPropertyOverrideButton:hover, QgsPropertyOverrideButton:pressed {
background: none;
border: 1px solid rgba(0, 0, 0, 0%);
padding: 0px; padding: 0px;
} }
QgsPropertyOverrideButton:focus {
border:1px solid @focusdark;
border-radius: 0.2em;
}
QListWidget#mOptionsListWidget { QListWidget#mOptionsListWidget {
background-color: @itemdarkbackground; background-color: @itemdarkbackground;
color: @itembackground; color: @itembackground;

@ -12,3 +12,5 @@
@toggleon: #ee7913 @toggleon: #ee7913
@selection: #f0f0f0 @selection: #f0f0f0
@hover: #c7c7c7 @hover: #c7c7c7
@focusdark: rgba(0,0,0,100)
@focus: rgba(199,199,199,255)

@ -303,17 +303,6 @@ QComboBox::indicator {
selection-color:transparent; selection-color:transparent;
} }
QLineEdit:focus
{
border: 1px solid @focus;
}
QTextEdit:focus
{
border: 1px solid @focus;
}
/* ==================================================================================== */ /* ==================================================================================== */
/* SCROLL BAR */ /* SCROLL BAR */
/* ==================================================================================== */ /* ==================================================================================== */
@ -732,6 +721,27 @@ QHeaderView::section {
padding: 0 0 0.1em 0.2em; padding: 0 0 0.1em 0.2em;
} }
QToolButton[autoRaise=true]:focus:!pressed {
border:1px solid @focusdark;
}
QToolButton[autoRaise=false]:focus:!pressed {
border:1px solid @focusdark;
}
/* ==================================================================================== */
/* FOCUS */
/* ==================================================================================== */
QToolButton:focus, QPushButton:focus, QCheckBox:focus, QRadioButton:focus, QGroupBox:focus {
outline:1px solid @focusdark;
outline-radius: 0.2em;
}
QComboBox:focus, QAbstractSpinBox:focus, QLineEdit:focus, QPlainTextEdit:focus, QTextEdit:focus {
border:1px solid @focusdark;
}
/* ==================================================================================== */ /* ==================================================================================== */
/* QGIS-SPECIFIC TWEAKS */ /* QGIS-SPECIFIC TWEAKS */
/* ==================================================================================== */ /* ==================================================================================== */
@ -746,6 +756,10 @@ QgsColorButton:hover, QgsColorRampButton:hover, QgsSymbolButton:hover, QgsFontBu
color:@itembackground; color:@itembackground;
} }
QgsColorButton:focus, QgsColorRampButton:focus, QgsSymbolButton:focus, QgsFontButton:focus {
border:1px solid @focusdark;
}
QgsMessageBar QLabel, QgsMessageBar QTextEdit, QMessageBar QToolButton, QMessageBar QToolButton::menu-button { QgsMessageBar QLabel, QgsMessageBar QTextEdit, QMessageBar QToolButton, QMessageBar QToolButton::menu-button {
background: transparent; background: transparent;
border: none; border: none;
@ -788,10 +802,17 @@ QgsMessageBar QScrollBar::down-arrow:vertical {
image: url(@theme_path/icons/arrow-down.svg); image: url(@theme_path/icons/arrow-down.svg);
} }
QgsPropertyOverrideButton { QgsPropertyOverrideButton, QgsPropertyOverrideButton:hover, QgsPropertyOverrideButton:pressed {
background: none;
border: 1px solid rgba(0, 0, 0, 0%);
padding: 0px; padding: 0px;
} }
QgsPropertyOverrideButton:focus {
border:1px solid @focusdark;
border-radius: 0.2em;
}
QListWidget#mOptionsListWidget { QListWidget#mOptionsListWidget {
background-color: @itembackground; background-color: @itembackground;
color: @text; color: @text;

@ -10,4 +10,5 @@
@toggleoff: #535353 @toggleoff: #535353
@toggleon: #0f6e00 @toggleon: #0f6e00
@selection: #0f6e00 @selection: #0f6e00
@focusdark: rgba(215,128,26,100)
@focus: #d7801a @focus: #d7801a