Bläddra i källkod

fix: set button font-size for modals

Atlaskit at times will have localized styling for font-size and
sometimes will not. The button component will inherit its
font-size whereas selectors have localized font-size of 14px. For
consistency, the cancel/submit buttons on the atlaskit modals
will also have 14px. The atlaskit story book examples also use
buttons with 14px font-size.
master
Leonard Kim 8 år sedan
förälder
incheckning
07cd6a8b88

+ 5
- 0
css/_variables.scss Visa fil

79
 $rateStarActivity: #165ecc;
79
 $rateStarActivity: #165ecc;
80
 $rateStarSize: 34px;
80
 $rateStarSize: 34px;
81
 
81
 
82
+/**
83
+ * Modals
84
+ */
85
+$modalButtonFontSize: 14px;
86
+
82
 /**
87
 /**
83
  * Notifications
88
  * Notifications
84
  */
89
  */

+ 4
- 0
css/modals/_dialog.scss Visa fil

76
         border-bottom: 1px solid $auiBorderColor;
76
         border-bottom: 1px solid $auiBorderColor;
77
     }
77
     }
78
 }
78
 }
79
+
80
+.modal-dialog-footer {
81
+    font-size: $modalButtonFontSize;
82
+}

+ 1
- 1
react/features/base/dialog/components/Dialog.web.js Visa fil

93
      */
93
      */
94
     _renderFooter() {
94
     _renderFooter() {
95
         return (
95
         return (
96
-            <footer>
96
+            <footer className = 'modal-dialog-footer'>
97
                 <AKButtonGroup>
97
                 <AKButtonGroup>
98
                     { this._renderCancelButton() }
98
                     { this._renderCancelButton() }
99
                     { this._renderOKButton() }
99
                     { this._renderOKButton() }

Laddar…
Avbryt
Spara