search-display: Minor style updates
Adjust the style of the search display to match current mockups: - add a border to search buttons - increase padding and spacing - remove section background and border - decrease font size in section headers https://bugzilla.gnome.org/show_bug.cgi?id=643632
This commit is contained in:
parent
34ce17c4b3
commit
84889d6dea
@ -469,11 +469,12 @@ StTooltip StLabel {
|
|||||||
|
|
||||||
#searchResults {
|
#searchResults {
|
||||||
padding: 20px 10px 10px 10px;
|
padding: 20px 10px 10px 10px;
|
||||||
|
spacing: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#searchResultsContent {
|
#searchResultsContent {
|
||||||
padding: 0 10px;
|
padding: 0 20px 0 0;
|
||||||
spacing: 8px;
|
spacing: 36px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-statustext,
|
.search-statustext,
|
||||||
@ -481,18 +482,11 @@ StTooltip StLabel {
|
|||||||
padding: 4px 12px;
|
padding: 4px 12px;
|
||||||
spacing: 4px;
|
spacing: 4px;
|
||||||
color: #6f6f6f;
|
color: #6f6f6f;
|
||||||
}
|
font-size: .8em;
|
||||||
|
|
||||||
.search-section {
|
|
||||||
background-color: rgba(128, 128, 128, .1);
|
|
||||||
border: 1px solid rgba(50, 50, 50, .4);
|
|
||||||
border-radius: 10px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-section-results {
|
.search-section-results {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
border-radius: 10px;
|
|
||||||
border: 1px solid rgba(50, 50, 50, .4);
|
|
||||||
padding: 6px;
|
padding: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -505,17 +499,18 @@ StTooltip StLabel {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.search-providers-box {
|
.search-providers-box {
|
||||||
spacing: 4px;
|
spacing: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dash-search-button {
|
.dash-search-button {
|
||||||
background-gradient-direction: vertical;
|
background-gradient-direction: vertical;
|
||||||
background-gradient-start: rgba(255, 255, 255, 0.2);
|
background-gradient-start: rgba(255, 255, 255, 0.2);
|
||||||
background-gradient-end: rgba(255, 255, 255, 0);
|
background-gradient-end: rgba(255, 255, 255, 0);
|
||||||
/* border: 1px solid #808080;*/
|
border: 1px solid #808080;
|
||||||
border-radius: 10px;
|
border-radius: 16px;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
width: 300px;
|
width: 300px;
|
||||||
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dash-search-button:selected,
|
.dash-search-button:selected,
|
||||||
|
Loading…
Reference in New Issue
Block a user