rayan/bruno
1
0
Fork 0
mirror of https://github.com/usebruno/bruno.git synced 2026-06-15 20:01:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: tooltip styling (#6632)

Browse Source
This commit is contained in:
sanish chirayath
2026-01-02 20:53:47 +05:30
committed by GitHub
parent 15065eb2f1
commit 781def844d
6 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/bruno-app/src/components/EditableTable/StyledWrapper.js
View File

@@ -83,7 +83,6 @@ const StyledWrapper = styled.div`
}
.tooltip-mod {
font-size: 11px !important;
max-width: 200px !important;
}

1
packages/bruno-app/src/components/Environments/EnvironmentSettings/EnvironmentList/EnvironmentDetails/EnvironmentVariables/StyledWrapper.js
View File

@@ -76,7 +76,6 @@ const Wrapper = styled.div`
}
.tooltip-mod {
font-size: 11px !important;
max-width: 200px !important;
}

1
packages/bruno-app/src/components/RequestPane/WSSettingsPane/StyledWrapper.js
View File

@@ -13,7 +13,6 @@ const StyledWrapper = styled.div`
}
.tooltip-mod {
font-size: ${(props) => props.theme.font.size.xs} !important;
width: 150px !important;
& ul {

1
packages/bruno-app/src/components/SensitiveFieldWarning/StyledWrapper.js
View File

@@ -2,7 +2,6 @@ import styled from 'styled-components';
const Wrapper = styled.div`
.tooltip-mod {
font-size: ${(props) => props.theme.font.size.xs} !important;
width: 150px !important;
}

1
packages/bruno-app/src/components/WorkspaceHome/WorkspaceEnvironments/EnvironmentList/EnvironmentDetails/EnvironmentVariables/StyledWrapper.js
View File

@@ -75,7 +75,6 @@ const Wrapper = styled.div`
}
.tooltip-mod {
font-size: 11px !important;
max-width: 200px !important;
}

12
packages/bruno-app/src/globalStyles.js
View File

@@ -19,6 +19,18 @@ const GlobalStyle = createGlobalStyle`
color: ${(props) => props.theme.colors.text.muted};
}
.tooltip-mod {
background-color: ${(props) => props.theme.infoTip.bg} !important;
color: ${(props) => props.theme.text} !important;
border: 1px solid ${(props) => props.theme.infoTip.border} !important;
box-shadow: ${(props) => props.theme.infoTip.boxShadow} !important;
font-size: ${(props) => props.theme.font.size.xs} !important;
padding: 4px 8px !important;
border-radius: 4px !important;
opacity: 1 !important;
z-index: 9999 !important;
}
.btn {
text-align: center;
white-space: nowrap;