npm - @syncfusion/blazor-themes - Versions diffs - 22.2.11 → 23.1.36 - Mend

@syncfusion/blazor-themes 22.2.11 → 23.1.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (365) hide show

package/SCSS-Themes/calendars/timepicker/bootstrap.scss CHANGED Viewed

@@ -57,10 +57,10 @@ $modal-header-text-color: $grey-light-font !default;
 // modal dialog portrait dimensions
 $modal-header-height: 10% !default;
-$modal-header-padding: 2.5vh 2.5vw !default;
+$modal-header-padding: 2.5vh 2.5vw 2.5vh 1.5vw !default;
 $modal-header-display-style: flex !default;
 $modal-header-content-align: center !default;
-$modal-header-portrait-font-size: 3vh !default;
+$modal-header-portrait-font-size: 2vh !default;
 $modal-close-icon-float: left !default;
 $modal-portrait-content-padding: 1vh 2vw !default;
 $modal-content-height: 90% !default;
@@ -297,6 +297,13 @@ $modal-tablet-font-size: 24px !default;
   }
 }
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-timepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-timepicker.e-popup,
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-datetimepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-popup {
+  border-radius: 0;
+}
 .e-timepicker-mob-popup-wrap .e-popup-expand,
 .e-datetimepicker.e-popup-expand {
@@ -316,6 +323,11 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-model-title {
         padding: $modal-portrait-content-padding;
         text-transform: $modal-header-title-transform;
+        font-weight: 500;
+      }
+      #{if(&, '&', '*')} .e-btn.e-popup-close {
+        font-size: $modal-header-portrait-font-size;
       }
     }
@@ -353,6 +365,10 @@ $modal-tablet-font-size: 24px !default;
         #{if(&, '&', '*')} .e-model-title {
           padding: $modal-landscape-padding;
         }
+        #{if(&, '&', '*')} .e-btn.e-popup-close {
+          font-size: $modal-header-landscape-font-size;
+        }
       }
       #{if(&, '&', '*')} .e-content {
@@ -477,6 +493,7 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-popup-close {
         color: $modal-header-text-color;
+        font-weight: 500;
       }
     }
   }

package/SCSS-Themes/calendars/timepicker/bootstrap4.scss CHANGED Viewed

@@ -63,10 +63,10 @@ $modal-header-text-color: $gray-900 !default;
 // modal dialog portrait dimensions
 $modal-header-height: 10% !default;
-$modal-header-padding: 2.5vh 2.5vw !default;
+$modal-header-padding: 2.5vh 2.5vw 2.5vh 1.5vw !default;
 $modal-header-display-style: flex !default;
 $modal-header-content-align: center !default;
-$modal-header-portrait-font-size: 3vh !default;
+$modal-header-portrait-font-size: 2vh !default;
 $modal-close-icon-float: left !default;
 $modal-portrait-content-padding: 1vh 2vw !default;
 $modal-content-height: 90% !default;
@@ -305,6 +305,13 @@ $modal-tablet-font-size: 24px !default;
   }
 }
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-timepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-timepicker.e-popup,
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-datetimepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-popup {
+  border-radius: 0;
+}
 .e-timepicker-mob-popup-wrap .e-popup-expand,
 .e-datetimepicker.e-popup-expand {
@@ -324,6 +331,11 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-model-title {
         padding: $modal-portrait-content-padding;
         text-transform: $modal-header-title-transform;
+        font-weight: 500;
+      }
+      #{if(&, '&', '*')} .e-btn.e-popup-close {
+        font-size: $modal-header-portrait-font-size;
       }
     }
@@ -361,6 +373,10 @@ $modal-tablet-font-size: 24px !default;
         #{if(&, '&', '*')} .e-model-title {
           padding: $modal-landscape-padding;
         }
+        #{if(&, '&', '*')} .e-btn.e-popup-close {
+          font-size: $modal-header-landscape-font-size;
+        }
       }
       #{if(&, '&', '*')} .e-content {
@@ -485,6 +501,7 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-popup-close {
         color: $modal-header-text-color;
+        font-weight: 500;
       }
     }
   }

package/SCSS-Themes/calendars/timepicker/bootstrap5-dark.scss CHANGED Viewed

@@ -66,10 +66,10 @@ $modal-header-text-color: $content-text-color-alt1 !default;
 // modal dialog portrait dimensions
 $modal-header-height: 10% !default;
-$modal-header-padding: 2.5vh 2.5vw !default;
+$modal-header-padding: 2.5vh 2.5vw 2.5vh 1.5vw !default;
 $modal-header-display-style: flex !default;
 $modal-header-content-align: center !default;
-$modal-header-portrait-font-size: 3vh !default;
+$modal-header-portrait-font-size: 2vh !default;
 $modal-close-icon-float: left !default;
 $modal-portrait-content-padding: 1vh 2vw !default;
 $modal-content-height: 90% !default;
@@ -306,6 +306,13 @@ $modal-tablet-font-size: 24px !default;
   }
 }
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-timepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-timepicker.e-popup,
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-datetimepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-popup {
+  border-radius: 0;
+}
 .e-timepicker-mob-popup-wrap .e-popup-expand,
 .e-datetimepicker.e-popup-expand {
@@ -325,6 +332,11 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-model-title {
         padding: $modal-portrait-content-padding;
         text-transform: $modal-header-title-transform;
+        font-weight: 500;
+      }
+      #{if(&, '&', '*')} .e-btn.e-popup-close {
+        font-size: $modal-header-portrait-font-size;
       }
     }
@@ -362,6 +374,10 @@ $modal-tablet-font-size: 24px !default;
         #{if(&, '&', '*')} .e-model-title {
           padding: $modal-landscape-padding;
         }
+        #{if(&, '&', '*')} .e-btn.e-popup-close {
+          font-size: $modal-header-landscape-font-size;
+        }
       }
       #{if(&, '&', '*')} .e-content {
@@ -486,6 +502,7 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-popup-close {
         color: $modal-header-text-color;
+        font-weight: 500;
       }
     }
   }

package/SCSS-Themes/calendars/timepicker/bootstrap5.scss CHANGED Viewed

@@ -66,10 +66,10 @@ $modal-header-text-color: $content-text-color-alt1 !default;
 // modal dialog portrait dimensions
 $modal-header-height: 10% !default;
-$modal-header-padding: 2.5vh 2.5vw !default;
+$modal-header-padding: 2.5vh 2.5vw 2.5vh 1.5vw !default;
 $modal-header-display-style: flex !default;
 $modal-header-content-align: center !default;
-$modal-header-portrait-font-size: 3vh !default;
+$modal-header-portrait-font-size: 2vh !default;
 $modal-close-icon-float: left !default;
 $modal-portrait-content-padding: 1vh 2vw !default;
 $modal-content-height: 90% !default;
@@ -306,6 +306,13 @@ $modal-tablet-font-size: 24px !default;
   }
 }
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-timepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-timepicker.e-popup,
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-datetimepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-popup {
+  border-radius: 0;
+}
 .e-timepicker-mob-popup-wrap .e-popup-expand,
 .e-datetimepicker.e-popup-expand {
@@ -325,6 +332,11 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-model-title {
         padding: $modal-portrait-content-padding;
         text-transform: $modal-header-title-transform;
+        font-weight: 500;
+      }
+      #{if(&, '&', '*')} .e-btn.e-popup-close {
+        font-size: $modal-header-portrait-font-size;
       }
     }
@@ -362,6 +374,10 @@ $modal-tablet-font-size: 24px !default;
         #{if(&, '&', '*')} .e-model-title {
           padding: $modal-landscape-padding;
         }
+        #{if(&, '&', '*')} .e-btn.e-popup-close {
+          font-size: $modal-header-landscape-font-size;
+        }
       }
       #{if(&, '&', '*')} .e-content {
@@ -486,6 +502,7 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-popup-close {
         color: $modal-header-text-color;
+        font-weight: 500;
       }
     }
   }

package/SCSS-Themes/calendars/timepicker/fabric-dark.scss CHANGED Viewed

@@ -58,10 +58,10 @@ $modal-header-text-color: $neutral-primary !default;
 // modal dialog portrait dimensions
 $modal-header-height: 10% !default;
-$modal-header-padding: 2.5vh 2.5vw !default;
+$modal-header-padding: 2.5vh 2.5vw 2.5vh 1.5vw !default;
 $modal-header-display-style: flex !default;
 $modal-header-content-align: center !default;
-$modal-header-portrait-font-size: 3vh !default;
+$modal-header-portrait-font-size: 2vh !default;
 $modal-close-icon-float: left !default;
 $modal-portrait-content-padding: 1vh 2vw !default;
 $modal-content-height: 90% !default;
@@ -300,6 +300,13 @@ $modal-tablet-font-size: 24px !default;
   }
 }
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-timepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-timepicker.e-popup,
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-datetimepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-popup {
+  border-radius: 0;
+}
 .e-timepicker-mob-popup-wrap .e-popup-expand,
 .e-datetimepicker.e-popup-expand {
@@ -319,6 +326,11 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-model-title {
         padding: $modal-portrait-content-padding;
         text-transform: $modal-header-title-transform;
+        font-weight: 500;
+      }
+      #{if(&, '&', '*')} .e-btn.e-popup-close {
+        font-size: $modal-header-portrait-font-size;
       }
     }
@@ -356,6 +368,10 @@ $modal-tablet-font-size: 24px !default;
         #{if(&, '&', '*')} .e-model-title {
           padding: $modal-landscape-padding;
         }
+        #{if(&, '&', '*')} .e-btn.e-popup-close {
+          font-size: $modal-header-landscape-font-size;
+        }
       }
       #{if(&, '&', '*')} .e-content {
@@ -480,6 +496,7 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-popup-close {
         color: $modal-header-text-color;
+        font-weight: 500;
       }
     }
   }

package/SCSS-Themes/calendars/timepicker/fabric.scss CHANGED Viewed

@@ -57,10 +57,10 @@ $modal-header-text-color: $neutral-primary !default;
 // modal dialog portrait dimensions
 $modal-header-height: 10% !default;
-$modal-header-padding: 2.5vh 2.5vw !default;
+$modal-header-padding: 2.5vh 2.5vw 2.5vh 1.5vw !default;
 $modal-header-display-style: flex !default;
 $modal-header-content-align: center !default;
-$modal-header-portrait-font-size: 3vh !default;
+$modal-header-portrait-font-size: 2vh !default;
 $modal-close-icon-float: left !default;
 $modal-portrait-content-padding: 1vh 2vw !default;
 $modal-content-height: 90% !default;
@@ -74,10 +74,10 @@ $modal-landscape-list-line-height: 10vh !default;
 $modal-header-landscape-height: 15% !default;
 $modal-content-landscape-height: 85% !default;
 $modal-header-landscape-font-size: 2vw !default;
-$modal-landscape-padding: 1vh 1vw !default;
+$modal-landscape-padding: 1vh 2vw !default;
 $modal-list-item-padding: 1vh 0 !default;
 $modal-mobile-font-size: 14px !default;
-$modal-tablet-font-size: 24px !default;
+$modal-tablet-font-size: 18px !default;
 @include export-module('timepicker-layout') {
   //   timepicker layout
@@ -297,6 +297,13 @@ $modal-tablet-font-size: 24px !default;
   }
 }
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-timepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-timepicker.e-popup,
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-datetimepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-popup {
+  border-radius: 0;
+}
 .e-timepicker-mob-popup-wrap .e-popup-expand,
 .e-datetimepicker.e-popup-expand {
@@ -316,6 +323,11 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-model-title {
         padding: $modal-portrait-content-padding;
         text-transform: $modal-header-title-transform;
+        font-weight: 500;
+      }
+      #{if(&, '&', '*')} .e-btn.e-popup-close {
+        font-size: $modal-header-portrait-font-size;
       }
     }
@@ -353,6 +365,10 @@ $modal-tablet-font-size: 24px !default;
         #{if(&, '&', '*')} .e-model-title {
           padding: $modal-landscape-padding;
         }
+        #{if(&, '&', '*')} .e-btn.e-popup-close {
+          font-size: $modal-header-landscape-font-size;
+        }
       }
       #{if(&, '&', '*')} .e-content {
@@ -477,6 +493,7 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-popup-close {
         color: $modal-header-text-color;
+        font-weight: 500;
       }
     }
   }

package/SCSS-Themes/calendars/timepicker/fluent-dark.scss CHANGED Viewed

@@ -66,10 +66,10 @@ $modal-header-text-color: $content-bg-color !default;
 // modal dialog portrait dimensions
 $modal-header-height: 10% !default;
-$modal-header-padding: 2.5vh 2.5vw !default;
+$modal-header-padding: 2.5vh 2.5vw 2.5vh 1.5vw !default;
 $modal-header-display-style: flex !default;
 $modal-header-content-align: center !default;
-$modal-header-portrait-font-size: 3vh !default;
+$modal-header-portrait-font-size: 2vh !default;
 $modal-close-icon-float: left !default;
 $modal-portrait-content-padding: 1vh 2vw !default;
 $modal-content-height: 90% !default;
@@ -306,6 +306,13 @@ $modal-tablet-font-size: 24px !default;
   }
 }
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-timepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-timepicker.e-popup,
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-datetimepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-popup {
+  border-radius: 0;
+}
 .e-timepicker-mob-popup-wrap .e-popup-expand,
 .e-datetimepicker.e-popup-expand {
@@ -325,6 +332,11 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-model-title {
         padding: $modal-portrait-content-padding;
         text-transform: $modal-header-title-transform;
+        font-weight: 500;
+      }
+      #{if(&, '&', '*')} .e-btn.e-popup-close {
+        font-size: $modal-header-portrait-font-size;
       }
     }
@@ -362,6 +374,10 @@ $modal-tablet-font-size: 24px !default;
         #{if(&, '&', '*')} .e-model-title {
           padding: $modal-landscape-padding;
         }
+        #{if(&, '&', '*')} .e-btn.e-popup-close {
+          font-size: $modal-header-landscape-font-size;
+        }
       }
       #{if(&, '&', '*')} .e-content {
@@ -486,6 +502,7 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-popup-close {
         color: $modal-header-text-color;
+        font-weight: 500;
       }
     }
   }

package/SCSS-Themes/calendars/timepicker/fluent.scss CHANGED Viewed

@@ -66,10 +66,10 @@ $modal-header-text-color: $content-bg-color !default;
 // modal dialog portrait dimensions
 $modal-header-height: 10% !default;
-$modal-header-padding: 2.5vh 2.5vw !default;
+$modal-header-padding: 2.5vh 2.5vw 2.5vh 1.5vw !default;
 $modal-header-display-style: flex !default;
 $modal-header-content-align: center !default;
-$modal-header-portrait-font-size: 3vh !default;
+$modal-header-portrait-font-size: 2vh !default;
 $modal-close-icon-float: left !default;
 $modal-portrait-content-padding: 1vh 2vw !default;
 $modal-content-height: 90% !default;
@@ -306,6 +306,13 @@ $modal-tablet-font-size: 24px !default;
   }
 }
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-timepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-timepicker.e-popup,
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-datetimepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-popup {
+  border-radius: 0;
+}
 .e-timepicker-mob-popup-wrap .e-popup-expand,
 .e-datetimepicker.e-popup-expand {
@@ -325,6 +332,11 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-model-title {
         padding: $modal-portrait-content-padding;
         text-transform: $modal-header-title-transform;
+        font-weight: 500;
+      }
+      #{if(&, '&', '*')} .e-btn.e-popup-close {
+        font-size: $modal-header-portrait-font-size;
       }
     }
@@ -362,6 +374,10 @@ $modal-tablet-font-size: 24px !default;
         #{if(&, '&', '*')} .e-model-title {
           padding: $modal-landscape-padding;
         }
+        #{if(&, '&', '*')} .e-btn.e-popup-close {
+          font-size: $modal-header-landscape-font-size;
+        }
       }
       #{if(&, '&', '*')} .e-content {
@@ -486,6 +502,7 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-popup-close {
         color: $modal-header-text-color;
+        font-weight: 500;
       }
     }
   }

package/SCSS-Themes/calendars/timepicker/highcontrast.scss CHANGED Viewed

@@ -57,10 +57,10 @@ $modal-header-text-color: $content-font !default;
 // modal dialog portrait dimensions
 $modal-header-height: 10% !default;
-$modal-header-padding: 2.5vh 2.5vw !default;
+$modal-header-padding: 2.5vh 2.5vw 2.5vh 1.5vw !default;
 $modal-header-display-style: flex !default;
 $modal-header-content-align: center !default;
-$modal-header-portrait-font-size: 3vh !default;
+$modal-header-portrait-font-size: 2vh !default;
 $modal-close-icon-float: left !default;
 $modal-portrait-content-padding: 1vh 2vw !default;
 $modal-content-height: 90% !default;
@@ -297,6 +297,13 @@ $modal-tablet-font-size: 24px !default;
   }
 }
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-timepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-timepicker.e-popup,
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-datetimepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-popup {
+  border-radius: 0;
+}
 .e-timepicker-mob-popup-wrap .e-popup-expand,
 .e-datetimepicker.e-popup-expand {
@@ -316,6 +323,11 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-model-title {
         padding: $modal-portrait-content-padding;
         text-transform: $modal-header-title-transform;
+        font-weight: 500;
+      }
+      #{if(&, '&', '*')} .e-btn.e-popup-close {
+        font-size: $modal-header-portrait-font-size;
       }
     }
@@ -353,6 +365,10 @@ $modal-tablet-font-size: 24px !default;
         #{if(&, '&', '*')} .e-model-title {
           padding: $modal-landscape-padding;
         }
+        #{if(&, '&', '*')} .e-btn.e-popup-close {
+          font-size: $modal-header-landscape-font-size;
+        }
       }
       #{if(&, '&', '*')} .e-content {
@@ -477,6 +493,7 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-popup-close {
         color: $modal-header-text-color;
+        font-weight: 500;
       }
     }
   }

package/SCSS-Themes/calendars/timepicker/material-dark.scss CHANGED Viewed

@@ -62,10 +62,10 @@ $modal-header-text-color: $grey-white !default;
 // modal dialog portrait dimensions
 $modal-header-height: 10% !default;
-$modal-header-padding: 2.5vh 2.5vw !default;
+$modal-header-padding: 2.5vh 2.5vw 2.5vh 1.5vw !default;
 $modal-header-display-style: flex !default;
 $modal-header-content-align: center !default;
-$modal-header-portrait-font-size: 3vh !default;
+$modal-header-portrait-font-size: 2vh !default;
 $modal-close-icon-float: left !default;
 $modal-portrait-content-padding: 1vh 2vw !default;
 $modal-content-height: 90% !default;
@@ -304,6 +304,13 @@ $modal-tablet-font-size: 24px !default;
   }
 }
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-timepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-timepicker.e-popup,
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-datetimepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-popup {
+  border-radius: 0;
+}
 .e-timepicker-mob-popup-wrap .e-popup-expand,
 .e-datetimepicker.e-popup-expand {
@@ -323,6 +330,11 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-model-title {
         padding: $modal-portrait-content-padding;
         text-transform: $modal-header-title-transform;
+        font-weight: 500;
+      }
+      #{if(&, '&', '*')} .e-btn.e-popup-close {
+        font-size: $modal-header-portrait-font-size;
       }
     }
@@ -360,6 +372,10 @@ $modal-tablet-font-size: 24px !default;
         #{if(&, '&', '*')} .e-model-title {
           padding: $modal-landscape-padding;
         }
+        #{if(&, '&', '*')} .e-btn.e-popup-close {
+          font-size: $modal-header-landscape-font-size;
+        }
       }
       #{if(&, '&', '*')} .e-content {
@@ -484,6 +500,7 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-popup-close {
         color: $modal-header-text-color;
+        font-weight: 500;
       }
     }
   }

package/SCSS-Themes/calendars/timepicker/material.scss CHANGED Viewed

@@ -61,10 +61,10 @@ $modal-header-text-color: $grey-white !default;
 // modal dialog portrait dimensions
 $modal-header-height: 10% !default;
-$modal-header-padding: 2.5vh 2.5vw !default;
+$modal-header-padding: 2.5vh 2.5vw 2.5vh 1.5vw !default;
 $modal-header-display-style: flex !default;
 $modal-header-content-align: center !default;
-$modal-header-portrait-font-size: 3vh !default;
+$modal-header-portrait-font-size: 2vh !default;
 $modal-close-icon-float: left !default;
 $modal-portrait-content-padding: 1vh 2vw !default;
 $modal-content-height: 90% !default;
@@ -301,6 +301,13 @@ $modal-tablet-font-size: 24px !default;
   }
 }
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-timepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-timepicker.e-popup,
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-datetimepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-popup {
+  border-radius: 0;
+}
 .e-timepicker-mob-popup-wrap .e-popup-expand,
 .e-datetimepicker.e-popup-expand {
@@ -320,6 +327,11 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-model-title {
         padding: $modal-portrait-content-padding;
         text-transform: $modal-header-title-transform;
+        font-weight: 500;
+      }
+      #{if(&, '&', '*')} .e-btn.e-popup-close {
+        font-size: $modal-header-portrait-font-size;
       }
     }
@@ -357,6 +369,10 @@ $modal-tablet-font-size: 24px !default;
         #{if(&, '&', '*')} .e-model-title {
           padding: $modal-landscape-padding;
         }
+        #{if(&, '&', '*')} .e-btn.e-popup-close {
+          font-size: $modal-header-landscape-font-size;
+        }
       }
       #{if(&, '&', '*')} .e-content {
@@ -481,6 +497,7 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-popup-close {
         color: $modal-header-text-color;
+        font-weight: 500;
       }
     }
   }