mirror of
https://github.com/pybricks/pybricks-code.git
synced 2026-09-14 10:35:11 +00:00
David Lechner
eb4dff4972
This adds an event listener to catch focus events when clicking the empty area below the file list. Users intuitively expect this to focus the file list. Fixes: https://github.com/pybricks/support/issues/856
37 lines
776 B
SCSS
37 lines
776 B
SCSS
// SPDX-License-Identifier: MIT
|
|
// Copyright (c) 2022 The Pybricks Authors
|
|
|
|
@use '@blueprintjs/core/lib/scss/variables' as bp;
|
|
|
|
.pb-explorer {
|
|
min-height: 0;
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
&-header-toolbar {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
&-file-tree {
|
|
flex: 1 auto;
|
|
overflow-y: auto;
|
|
|
|
& .#{bp.$ns}-tree-node-list {
|
|
// make foucus outline fit
|
|
margin: 2px;
|
|
}
|
|
|
|
// don't need extra padding around toolbar
|
|
& .#{bp.$ns}-tree-node-secondary-label {
|
|
padding: unset;
|
|
}
|
|
|
|
// fix layout since we are nesting toolbar in button group
|
|
&-action-toolbar {
|
|
display: inline-flex;
|
|
}
|
|
}
|
|
}
|