[superset] branch styling_custom_width created (now a300aaf10d)

[be...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

beto pushed a change to branch styling_custom_width
in repository https://gitbox.apache.org/repos/asf/superset.git


      at a300aaf10d chore: better styling alerts/reports modal

This branch includes the following new commits:

     new a300aaf10d chore: better styling alerts/reports modal

The 1 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails.  The revisions
listed as "add" were already present in the repository and have only
been added to this reference.

[superset] 01/01: chore: better styling alerts/reports modal

[be...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

beto pushed a commit to branch styling_custom_width
in repository https://gitbox.apache.org/repos/asf/superset.git

commit a300aaf10d6d1522b0cb9849bd4e0c72dc1b31c2
Author: Beto Dealmeida <ro...@dealmeida.net>
AuthorDate: Thu Jun 29 14:52:39 2023 -0700

    chore: better styling alerts/reports modal
---
 superset-frontend/src/features/alerts/AlertReportModal.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/superset-frontend/src/features/alerts/AlertReportModal.tsx b/superset-frontend/src/features/alerts/AlertReportModal.tsx
index ce46eb69f5..a6c039c38a 100644
--- a/superset-frontend/src/features/alerts/AlertReportModal.tsx
+++ b/superset-frontend/src/features/alerts/AlertReportModal.tsx
@@ -253,6 +253,15 @@ export const StyledInputContainer = styled.div`
   flex: 1;
   margin-top: 0;
 
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+  input[type='number'] {
+    -moz-appearance: textfield;
+  }
+
   .helper {
     display: block;
     color: ${({ theme }) => theme.colors.grayscale.base};
@@ -332,8 +341,7 @@ const StyledRadioGroup = styled(Radio.Group)`
 `;
 
 const StyledCheckbox = styled(AntdCheckbox)`
-  margin-left: ${({ theme }) => theme.gridUnit * 5.5}px;
-  margin-top: ${({ theme }) => theme.gridUnit}px;
+  margin-top: ${({ theme }) => theme.gridUnit * 2}px;
 `;
 
 // Notification Method components