mirror of
https://github.com/Redocly/redoc.git
synced 2024-11-25 10:03:45 +03:00
fix: set collpase button display to none in small screen
This commit is contained in:
parent
6e13c25b6c
commit
478a099dd5
|
@ -1,6 +1,6 @@
|
||||||
import * as React from 'react';
|
import * as React from 'react';
|
||||||
|
|
||||||
import styled, { media } from '../../styled-components';
|
import styled from '../../styled-components';
|
||||||
import { ResolvedThemeInterface } from '../../theme';
|
import { ResolvedThemeInterface } from '../../theme';
|
||||||
|
|
||||||
export const SidebarCollapseButton = ({ options }: { options: ResolvedThemeInterface }) => {
|
export const SidebarCollapseButton = ({ options }: { options: ResolvedThemeInterface }) => {
|
||||||
|
@ -40,9 +40,9 @@ const SidebarCollapseContainer = styled.div`
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|
||||||
${media.lessThan('small')`
|
@media screen and (max-width: 768px) {
|
||||||
display: none;
|
display: none;
|
||||||
`};
|
}
|
||||||
|
|
||||||
@media print {
|
@media print {
|
||||||
display: none;
|
display: none;
|
||||||
|
@ -66,9 +66,9 @@ const SidebarExpandContainer = styled.div`
|
||||||
position: fixed;
|
position: fixed;
|
||||||
display: none;
|
display: none;
|
||||||
|
|
||||||
${media.lessThan('small')`
|
@media screen and (max-width: 768px) {
|
||||||
display: none;
|
display: none;
|
||||||
`};
|
}
|
||||||
|
|
||||||
@media print {
|
@media print {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user