Files
grafana/public/sass/components/_panel_editor.scss
Torkel Ödegaard 701ad79bb5 PageToolbar: Extracting navbar styles & layout into a modern emotion based component (#30588)
* Explore: Replaces navbar-button and overriden explore button css classes with ToolbarButton and cleans up scss & markup, removes ResponsiveButton

* Change live button text when paused

* For the dashboard toolbar button I need a transparent button so I refactored the states/variants into a new ToolbarButtonVariatn

* PageToolbar wip

* Progress

* Prgress

* Minor progress

* Fixed back button and responsive titles

* Fixed tv mode

* Updated

* support tv modes and playlist

* more progress

* Fixing lots of view states and responsive features

* Minor fixes

* review fixes

* Fixes to e2e tests

* Review fixes
2021-01-27 15:02:04 +01:00

71 lines
1.0 KiB
SCSS

.panel-wrapper {
height: 100%;
position: relative;
&--view {
flex: 1 1 0;
height: 90%;
}
}
.panel-editor__scroll {
flex-grow: 1;
min-width: 0;
display: flex;
min-height: 0;
height: 100%;
overflow: hidden;
}
.panel-editor__content {
padding: 0 16px 16px 16px;
}
.panel-in-fullscreen {
.search-container {
left: 0 !important;
}
}
.ds-picker {
position: relative;
min-width: 200px;
max-width: 300px;
}
/* Used by old angular panels */
.panel-options-group {
border-bottom: $panel-border;
}
.panel-options-group__header {
padding: 8px 16px 8px 8px;
position: relative;
display: flex;
align-items: center;
cursor: pointer;
font-weight: 500;
color: $text-color-semi-weak;
&:hover {
color: $text-color;
.panel-options-group__icon {
color: $text-color;
}
}
}
.panel-options-group__icon {
color: $text-color-weak;
margin-right: 8px;
}
.panel-options-group__title {
position: relative;
}
.panel-options-group__body {
padding: 8px 16px 16px 32px;
}