mirror of
https://github.com/bitwarden/browser
synced 2026-02-13 15:03:26 +00:00
[PM-28613] Hardcode min-height to fix vertical squish (#18461)
* [pm-28613] Hardcode min-height * [pm-28613] Hardcode icon max-height for Safari Signed-off-by: Ben Brooks <bbrooks@bitwarden.com>
This commit is contained in:
@@ -27,4 +27,5 @@ export function CipherIcon({ color, size, theme, uri }: CipherIconProps) {
|
||||
const cipherIconStyle = ({ width }: { width: string }) => css`
|
||||
width: ${width};
|
||||
height: fit-content;
|
||||
max-height: 24px; /* fallback for Safari */
|
||||
`;
|
||||
|
||||
@@ -51,6 +51,7 @@ const cipherItemRowStyles = ({ theme }: { theme: Theme }) => css`
|
||||
background-color: ${themes[theme].background.DEFAULT};
|
||||
padding: ${spacing["2"]} ${spacing["3"]};
|
||||
min-height: min-content;
|
||||
min-height: 36px; /* fallback for Firefox, which doesn't support min-height: min-content on flex items */
|
||||
max-height: 52px;
|
||||
overflow-x: hidden;
|
||||
white-space: nowrap;
|
||||
|
||||
Reference in New Issue
Block a user