IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

TimePicker: Fix position and responsive behavior (#26570)

Browse Source 
* TimePicker: Fix position and responsive behavior

* Updated snapshots
This commit is contained in:
Torkel Ödegaard 2020-07-24 16:48:02 +02:00 committed by GitHub
parent 96bc16c63e
commit 93a4b8e8e4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/grafana-ui/src/components/TimePicker/TimeRangePicker/TimePickerContent.tsx
View File

@ -22,18 +22,12 @@ const getStyles = stylesFactory((theme: GrafanaTheme) => {
z-index: ${theme.zIndex.modal};
width: 546px;
top: 116%;
margin-left: -322px;
border-radius: 2px;
border: 1px solid ${containerBorder};
right: 0;
@media only screen and (max-width: ${theme.breakpoints.lg}) {
width: 218px;
margin-left: 6px;
}
@media only screen and (max-width: ${theme.breakpoints.sm}) {
width: 264px;
margin-left: -100px;
width: 262px;
}
`,
body: css`

6
packages/grafana-ui/src/components/TimePicker/TimeRangePicker/__snapshots__/TimePickerContent.test.tsx.snap
View File

@ -2,7 +2,7 @@
exports[`TimePickerContent renders correctly in full screen 1`] = `
<div
className="css-1py9bjs"
className="css-ajr8sn"
>
<div
className="css-ooqtr4"
@ -103,7 +103,7 @@ exports[`TimePickerContent renders correctly in full screen 1`] = `
exports[`TimePickerContent renders correctly in narrow screen 1`] = `
<div
className="css-1py9bjs"
className="css-ajr8sn"
>
<div
className="css-ooqtr4"
@ -200,7 +200,7 @@ exports[`TimePickerContent renders correctly in narrow screen 1`] = `
exports[`TimePickerContent renders recent absolute ranges correctly 1`] = `
<div
className="css-1py9bjs"
className="css-ajr8sn"
>
<div
className="css-ooqtr4"