Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add shadow #18

Open
xmha97 opened this issue Dec 16, 2023 · 0 comments · May be fixed by #35
Open

Add shadow #18

xmha97 opened this issue Dec 16, 2023 · 0 comments · May be fixed by #35

Comments

@xmha97
Copy link

xmha97 commented Dec 16, 2023

Please add shadow (like MacOS widgets)

✔️ Expected Behavior

macos-bigsur-widgets@2x

❌ Actual Behavior

image

@sajjadmrx sajjadmrx added this to bTime Sep 2, 2024
@sajjadmrx sajjadmrx moved this to 📝 Todo in bTime Sep 2, 2024
hootanht added a commit to hootanht/btime-desktop that referenced this issue Sep 21, 2024
Fixes sajjadmrx#18

Add shadow to the widget similar to MacOS widgets.

* **src/arzChand/app.arzChand.tsx**
  - Add `boxShadow` property to the main container's style to apply a shadow to the entire widget.

* **src/setting/pages/arzChand/arzChand.setting.tsx**
  - Add a `Checkbox` component for enabling/disabling the shadow.
  - Update the `setSettingValue` function to handle the new shadow setting.
  - Update the `applyChanges` function to include the new shadow setting.

* **src/arzChand/component/currency.component.tsx**
  - Add state variables for `isTransparent` and `shadow`.
  - Add a `MutationObserver` to update `isTransparent` state based on body class changes.
  - Add an event listener for `updated-setting` to update the `shadow` state.
  - Apply the shadow setting to the currency items using inline styles.
@hootanht hootanht linked a pull request Sep 21, 2024 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: 📝 Todo
Development

Successfully merging a pull request may close this issue.

1 participant