npm - fit-ui - Versions diffs - 2.8.2 → 2.9.0 - Mend

fit-ui 2.8.2 → 2.9.0

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 (107) hide show

package/dist/Fit.UI.css CHANGED Viewed

@@ -15,6 +15,8 @@ Stacking context, Z-index:
 	- Emoji panel			: 10001 (mounted in <body>) - changed to 2000000 in Input.css if html[data-fitui-companion="fluent-ui"]
     - Dialogs				: 10010 (mounted in <body>, might be re-mounted next to control) - changed to 2000020 in Input.css (+10 compared to modal BG layer) if html[data-fitui-companion="fluent-ui"]
 	   - Modal BG layer		: 10000 (mounted in <body>) - changed to 2000010 in Input.css (+10 compared to image resize handlers) if html[data-fitui-companion="fluent-ui"]
+ - Alert, Confirm, Prompt	: 50000 (must stay on top of draggable dialogs with z-index 10000+)
+    - Modal BG layer		: 50000
 */
 .FitUiStyleCheck
@@ -121,10 +123,7 @@ Stacking context, Z-index:
 .FitDragDropDraggable.FitDragDropDragging
 {
-	opacity: 0.6;
 	z-index: 99999;
-	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
 }
 /* Disabled control */
@@ -3335,6 +3334,13 @@ div.FitUiControlDialog:not(#LegacyIE) /* :not() not supported by IE8 and below *
 	box-shadow: 0px 0px 10px 0px #333333;
 	border-radius: 2px;
 }
+div.FitUiControlDialog[data-resizable="true"]
+{
+	min-width: 15em;
+	max-width: 100%;
+	min-height: 10em;
+	max-height: 100%;
+}
 div.FitUiControlDialog[data-maximized="true"]
 {
 	/* Using !important due to specificity above (:not(#LegacyIE)).
@@ -3361,13 +3367,24 @@ div.FitUiControlDialog[data-maximized="true"]
 div.FitUiControlDialogTitle
 {
-	padding: 1em;
-	font-size: 1.1em;
 	font-weight: bold;
 	overflow: hidden;
 	white-space: nowrap;
 }
+div.FitUiControlDialogTitle,
+div.FitUiControlDialogTitleText,
+div.FitUiControlDialogTitleButtons
+{
+	height: 3.2em;
+}
+div.FitUiControlDialogTitleText
+{
+	padding-left: 1em;
+	line-height: 3.2em;
+}
 div.FitUiControlDialogTitleButtons
 {
 	position: absolute;
@@ -3382,7 +3399,6 @@ div.FitUiControlDialogTitleButtons
 	background-color: white;
 	border-bottom: 0.065em solid silver;
 	border-bottom-width: 1px\9;
-	height: 3.2em;
 }
 .FitUiControlDialogTitle div.FitUiControlButton + div.FitUiControlButton
@@ -3422,6 +3438,24 @@ div.FitUiControlDialog iframe
 	height: 100%;
 }
+div.FitUiControlDialogResizer
+{
+	width: 0.65em;
+	height: 0.65em;
+	border-left: 0.65em solid transparent;
+	border-bottom: 0.65em solid #A0A0A0;
+	cursor: nwse-resize;
+	position: absolute;
+	right: 0.1em;
+	bottom: 0.1em;
+	user-select: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+}
 div.FitUiControlDialogButtons
 {
 	/*background-color: white;*/
@@ -3453,6 +3487,12 @@ div.FitUiControlDialogModalLayer
 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
 }
+/* Alert, Confirm and Promp dialogs */
+div.FitUiControlDialogBaseModalLayer,
+div.FitUiControlDialogBase
+{
+	z-index: 50000; /* Remain on top of draggable dialogs with z-index 10000+ */
+}
 div.FitUiControlDropDown
 {
 	min-width: 50px; /* In case width is set to 100% and control is squeezed */
@@ -3790,6 +3830,12 @@ div.FitUiControlDropDown[data-enabled="true"][data-valid="false"] div.FitUiContr
 /* Drag and drop */
+div.FitUiControlDropDownItems > span.FitDragDropDragging
+{
+	opacity: 0.6;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
+}
 div.FitUiControlDropDownItems > span.FitDragDropDragging input
 {
 	visibility: hidden;
@@ -4313,6 +4359,24 @@ div.FitUiControlInput[data-designmode="true"] .cke_chrome a[data-tag-id]
 	width: 225px;
 }
+/* Detached and maximizable editor hosted in a modal dialog */
+div.FitUiControlDialog.FitUiControlInputDetached div.FitUiControlDialogContent
+{
+	padding: 0px;
+	overflow: hidden; /* Make sure scrollbars do not emerge when resizing dialog (reducing height) - editor has scrollbars */
+}
+div.FitUiControlDialog.FitUiControlInputDetached .cke_chrome
+{
+	border: none;
+}
+div.FitUiControlDialog.FitUiControlInputDetached .cke_wysiwyg_div
+{
+	padding: 0.5em 1.5em;
+}
 /* Fluent UI compatibility */
 /* The following elements are mounted in document root - make sure they stay on
@@ -4345,6 +4409,7 @@ html[data-fitui-companion="fluent-ui"] .cke_dialog_container
 {
 	z-index: 2000020 !important; /* Using !important to override inline style */
 }
 div.FitUiControlListView
 {
 	overflow-y: auto;