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

Page: Remove page shadow and replace with panel border (#63453)

Browse Source
This commit is contained in:
Torkel Ödegaard 2023-02-21 15:42:37 +01:00 committed by GitHub
parent 52ed297ed5
commit 6fd547881a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/grafana-ui/src/components/PanelChrome/PanelChrome.tsx
View File

@ -234,7 +234,7 @@ const getStyles = (theme: GrafanaTheme2) => {
backgroundColor: background,
border: `1px solid ${borderColor}`,
position: 'relative',
borderRadius: '3px',
borderRadius: theme.shape.borderRadius(1),
height: '100%',
display: 'flex',
flexDirection: 'column',

7
public/app/core/components/PageNew/Page.tsx
View File

@ -99,10 +99,6 @@ Page.OldNavOnly = function OldNavOnly() {
};
const getStyles = (theme: GrafanaTheme2) => {
const shadow = theme.isDark
? `0 0.6px 1.5px -1px rgb(0 0 0),0 2px 4px -1px rgb(0 0 0 / 40%),0 5px 10px -1px rgb(0 0 0 / 23%)`
: '0 0.6px 1.5px -1px rgb(0 0 0 / 8%),0 2px 4px rgb(0 0 0 / 6%),0 5px 10px -1px rgb(0 0 0 / 5%)';
return {
wrapper: css({
label: 'page-wrapper',
@ -135,7 +131,8 @@ const getStyles = (theme: GrafanaTheme2) => {
pageInner: css({
label: 'page-inner',
padding: theme.spacing(2),
boxShadow: shadow,
borderRadius: theme.shape.borderRadius(1),
border: `1px solid ${theme.colors.border.weak}`,
background: theme.colors.background.primary,
display: 'flex',
flexDirection: 'column',

2
public/sass/pages/_dashboard.scss
View File

@ -11,7 +11,7 @@
background-color: $panel-bg;
border: $panel-border;
position: relative;
border-radius: 3px;
border-radius: 2px;
height: 100%;
width: 100%;
display: flex;