diff --git a/src/components/timeline/timeline.scss b/src/components/timeline/timeline.scss index 897ebeb92..f5d22f471 100644 --- a/src/components/timeline/timeline.scss +++ b/src/components/timeline/timeline.scss @@ -20,9 +20,11 @@ padding: 0 0.5em; } - .button-default, .alert { - line-height: 2em; - width: 100%; + .timeline-heading { + .button-default, .alert { + line-height: 2em; + width: 100%; + } } } } diff --git a/src/panel.scss b/src/panel.scss index b801976b0..fb9d17315 100644 --- a/src/panel.scss +++ b/src/panel.scss @@ -25,11 +25,21 @@ } } -.panel-body:empty::before { - content: "¯\\_(ツ)_/¯"; // Could use words but it'd require translations - display: block; - margin: 1em; - text-align: center; +.panel-body { + padding: var(--panel-body-padding, 0); + + &:empty::before { + content: "¯\\_(ツ)_/¯"; // Could use words but it'd require translations + display: block; + margin: 1em; + text-align: center; + } + + > p { + line-height: 1.3; + padding: 1em; + margin: 0; + } } .panel-heading, @@ -89,17 +99,6 @@ font-size: 1.3em; } - .faint { - background-color: transparent; - color: $fallback--faint; - color: var(--panelFaint, $fallback--faint); - } - - .faint-link { - color: $fallback--faint; - color: var(--faintLink, $fallback--faint); - } - .alert { white-space: nowrap; text-overflow: ellipsis; @@ -127,7 +126,7 @@ border-radius: $fallback--panelRadius $fallback--panelRadius 0 0; border-radius: var(--panelRadius, $fallback--panelRadius) var(--panelRadius, $fallback--panelRadius) 0 0; border-width: 0 0 1px 0; - align-items: left; + align-items: start; // panel theme color: var(--panelText); background-color: $fallback--bg; @@ -148,6 +147,17 @@ color: var(--panelLink, $fallback--link); } + .faint { + background-color: transparent; + color: $fallback--faint; + color: var(--panelFaint, $fallback--faint); + } + + .faint-link { + color: $fallback--faint; + color: var(--faintLink, $fallback--faint); + } + &:not(.-flexible-height) { > .button-default { flex-shrink: 0; @@ -185,25 +195,4 @@ border-width: 1px 0 0 0; border-style: solid; border-color: var(--border, $fallback--border); - - .faint { - color: $fallback--faint; - color: var(--panelFaint, $fallback--faint); - } - - a, - .-link { - color: $fallback--link; - color: var(--panelLink, $fallback--link); - } -} - -.panel-body > p { - line-height: 1.3; - padding: 1em; - margin: 0; -} - -.panel-body { - padding: var(--panel-body-padding, 0); }