![Georges Basile Stavracas Neto](/assets/img/avatar_default.png)
In the future, we want to tightly control the state of the layout throught gestures, which requires hooking everything together with adjustments. This is the first step in this direction. Add a new custom layout manager for ControlsManager that allocates the search entry, the view selector, and the Dash, vertically. Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/1624>
36 lines
854 B
SCSS
36 lines
854 B
SCSS
// Search entry
|
|
|
|
$search_entry_width: 320px;
|
|
$search_entry_height: 36px;
|
|
|
|
%search_entry,
|
|
.search-entry {
|
|
width: $search_entry_width;
|
|
padding: $base_padding+1 $base_padding+3;
|
|
border-radius: $search_entry_height * 0.5; // half the height
|
|
color: transparentize($fg_color,0.3);
|
|
background-color: $bg_color;
|
|
border-color: $borders_color;
|
|
margin-top: 24px;
|
|
|
|
&:hover {
|
|
background-color: $hover_bg_color;
|
|
border-color: $hover_borders_color;
|
|
color: $hover_fg_color;
|
|
}
|
|
|
|
&:focus {
|
|
padding: $base_padding $base_padding+2; // 1px less to account for wider border
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
border-color: $selected_bg_color;
|
|
color: $fg_color;
|
|
box-shadow: inset 0 1px 2px 1px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
.search-entry-icon {
|
|
icon-size: $base_icon_size;
|
|
padding: 0 4px;
|
|
color: inherit;
|
|
}
|
|
} |