GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-12 16:38:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: update view options not visible (#5232)

Browse Source 
Co-authored-by: Vishal Sharma <makeavish786@gmail.com>
This commit is contained in:
Yunus M 2024-06-15 15:53:26 +05:30 committed by GitHub
parent f824aa17dc
commit fe87711b25
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 17 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/src/container/ExplorerOptions/ExplorerOptions.styles.scss
View File

@ -1,18 +1,27 @@
.explorer-options-container {
position: fixed;
bottom: 24px;
left: calc(50% + 240px);
transform: translate(calc(-50% - 120px), 0);
transition: left 0.2s linear;
display: flex;
gap: 16px;
background-color: transparent;
}
.hide-update {
left: calc(50% - 72px) !important;
}
.explorer-update {
position: fixed;
bottom: 24px;
left: calc(50% - 352px);
display: flex;
display: inline-flex;
align-items: center;
gap: 12px;
padding: 10px 12px;
border-radius: 50px;
border: 1px solid var(--bg-slate-400);
background: rgba(22, 24, 29, 0.6);
box-shadow: 4px 4px 16px 4px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(20px);
.action-icon {
@ -38,16 +47,10 @@
}
.explorer-options {
position: fixed;
bottom: 24px;
left: calc(50% + 240px);
padding: 10px 12px;
transform: translate(calc(-50% - 120px), 0);
transition: left 0.2s linear;
border: 1px solid var(--bg-slate-400);
border-radius: 50px;
background: rgba(22, 24, 29, 0.6);
box-shadow: 4px 4px 16px 4px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(20px);
cursor: default;
@ -124,7 +127,7 @@
.app-content {
&.collapsed {
.explorer-options {
.explorer-options-container {
left: calc(50% + 72px);
}
}

4
frontend/src/container/ExplorerOptions/ExplorerOptions.tsx
View File

@ -289,7 +289,7 @@ function ExplorerOptions({
const isEditDeleteSupported = allowedRoles.includes(role as string);
return (
<>
<div className="explorer-options-container">
{isQueryUpdated && !isExplorerOptionHidden && (
<div
className={cx(
@ -493,7 +493,7 @@ function ExplorerOptions({
onExport={onExport}
/>
</Modal>
</>
</div>
);
}