a1dee317f3
Adds 'sidekick' type of generic content. This type allows rendering generic content in the sidekick panel, in addition to the existing 'main' type, which renders generic content over the presentation area. Each generic sidekick content set through plugins is automatically associated with a button in the navigation bar to toggle its panel.
34 lines
773 B
TypeScript
34 lines
773 B
TypeScript
import styled from 'styled-components';
|
|
import {
|
|
mdPaddingX,
|
|
} from '/imports/ui/stylesheets/styled-components/general';
|
|
import { colorWhite } from '/imports/ui/stylesheets/styled-components/palette';
|
|
import { smallOnly } from '/imports/ui/stylesheets/styled-components/breakpoints';
|
|
import CommonHeader from '/imports/ui/components/common/control-header/component';
|
|
|
|
const Container = styled.div`
|
|
background-color: ${colorWhite};
|
|
padding: ${mdPaddingX};
|
|
display: flex;
|
|
flex-grow: 1;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
height: 100%;
|
|
|
|
@media ${smallOnly} {
|
|
transform: none !important;
|
|
&.no-padding {
|
|
padding: 0;
|
|
}
|
|
}
|
|
`;
|
|
|
|
const Header = styled(CommonHeader)`
|
|
padding-bottom: .2rem;
|
|
`;
|
|
|
|
export default {
|
|
Container,
|
|
Header,
|
|
};
|