@finsemble/finsemble-ui 6.3.1 → 6.4.0

package/react/assets/css/core/icons.css

@@ -1,69 +1,69 @@
-/*!
- * icons.css
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-
-.icon-avatar-wrapper {
-	display: inline-flex;
-	margin-right: 8px;
-	justify-content: center;
-	align-items: center;
-	padding: 3px;
-}
-
-.icon-avatar {
-	font-weight: bold;
-	padding: 6px;
-	height: 10px;
-	width: 10px;
-	font-size: 9px;
-	color: var(--font-color-2);
-}
-
-.icon-avatar-wrapper img {
-	width: 21px;
-	height: 21px;
-	position: relative;
-	left: -2px;
-	top: -1px;
-}
-
-.icon-avatar-wrapper.entity-with-img {
-	padding-right: 0px;
-	/* Margin is different for images than for the badges because
-	of their padding and other CSS reasons.*/
-	margin-right: 6px;
-}
-
-.icon-avatar[data-category="Workspace"] {
-	border-radius: 3px;
-	background-color: var(--icon-avatar-workspace-background-color);
-}
-
-.icon-avatar[data-category="Application"] {
-	border-radius: 50%;
-	background-color: var(--icon-avatar-component-background-color);
-}
-
-/* Center the font-icons inside of the badge. Only on the toolbar, though. */
-.finsemble-toolbar .icon-avatar i {
-	position: relative;
-	top: 2px;
-}
-
-.fsbl-tab-title .icon-avatar i {
-	position: relative;
-	top: 1px;
-	left: 1px;
-}
-
-/* Grant TitleBar icons active-window colors */
-html.desktop-active .fsbl-tab-title .icon-avatar {
-	background-color: var(--icon-avatar-component-background-color);
-}
-
-.fsbl-tab-title .icon-avatar {
-	background-color: var(--icon-avatar-component-inactive-background-color);
-	transition: background-color 300ms ease-in-out;
-}
+/*!
+ * icons.css
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+
+.icon-avatar-wrapper {
+	display: inline-flex;
+	margin-right: 8px;
+	justify-content: center;
+	align-items: center;
+	padding: 3px;
+}
+
+.icon-avatar {
+	font-weight: bold;
+	padding: 6px;
+	height: 10px;
+	width: 10px;
+	font-size: 9px;
+	color: var(--font-color-2);
+}
+
+.icon-avatar-wrapper img {
+	width: 21px;
+	height: 21px;
+	position: relative;
+	left: -2px;
+	top: -1px;
+}
+
+.icon-avatar-wrapper.entity-with-img {
+	padding-right: 0px;
+	/* Margin is different for images than for the badges because
+	of their padding and other CSS reasons.*/
+	margin-right: 6px;
+}
+
+.icon-avatar[data-category="Workspace"] {
+	border-radius: 3px;
+	background-color: var(--icon-avatar-workspace-background-color);
+}
+
+.icon-avatar[data-category="Application"] {
+	border-radius: 50%;
+	background-color: var(--icon-avatar-component-background-color);
+}
+
+/* Center the font-icons inside of the badge. Only on the toolbar, though. */
+.finsemble-toolbar .icon-avatar i {
+	position: relative;
+	top: 2px;
+}
+
+.fsbl-tab-title .icon-avatar i {
+	position: relative;
+	top: 1px;
+	left: 1px;
+}
+
+/* Grant TitleBar icons active-window colors */
+html.desktop-active .fsbl-tab-title .icon-avatar {
+	background-color: var(--icon-avatar-component-background-color);
+}
+
+.fsbl-tab-title .icon-avatar {
+	background-color: var(--icon-avatar-component-inactive-background-color);
+	transition: background-color 300ms ease-in-out;
+}

package/react/assets/css/core/notifications.css

@@ -1,75 +1,75 @@
-/*!
- * notifications.css
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-
-.notification-wrapper {
-	display: flex;
-	flex-direction: column;
-	overflow-y: hidden;
-	background-color: var(--notification-body-background-color);
-	color: var(--notification-body-font-color);
-	margin: 6px;
-	font-family: var(--notification-body-font-family);
-	cursor: pointer;
-	user-select: none;
-}
-
-.notification-header {
-	display: flex;
-	flex-direction: row;
-	justify-content: space-between;
-	margin: 0px 8px 6px 8px;
-}
-
-.notification-close {
-	align-self: flex-end;
-	display: flex;
-}
-
-.notification-body {
-	display: flex;
-	flex-direction: row;
-}
-
-.notification-content {
-	display: flex;
-	flex-direction: column;
-	font-size: var(--notification-description-font-size);
-}
-
-.notification-title-wrapper {
-	display: flex;
-	flex-direction: row;
-}
-
-.notification-title {
-	font-weight: var(--notification-title-font-weight);
-	align-self: flex-start;
-	display: flex;
-	font-size: var(--notification-title-font-size);
-	margin-top: 1px;
-}
-
-.notification-description {
-	margin: 0px 10px;
-}
-
-.notification-logo {
-	background: url("../../img/Finsemble_Taskbar_Icon.png") no-repeat;
-	background-color: var(--notification-body-background-color);
-	background-size: contain;
-	margin-right: 6px;
-	width: var(--notification-logo-width);
-}
-
-.notification-close .ff-close {
-	font-size: 10px;
-	padding-top: 2px;
-	color: var(--notification-body-font-color);
-}
-
-.notification-close .ff-close:hover {
-	color: var(--notification-close-icon-hover-color);
-}
+/*!
+ * notifications.css
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+
+.notification-wrapper {
+	display: flex;
+	flex-direction: column;
+	overflow-y: hidden;
+	background-color: var(--notification-body-background-color);
+	color: var(--notification-body-font-color);
+	margin: 6px;
+	font-family: var(--notification-body-font-family);
+	cursor: pointer;
+	user-select: none;
+}
+
+.notification-header {
+	display: flex;
+	flex-direction: row;
+	justify-content: space-between;
+	margin: 0px 8px 6px 8px;
+}
+
+.notification-close {
+	align-self: flex-end;
+	display: flex;
+}
+
+.notification-body {
+	display: flex;
+	flex-direction: row;
+}
+
+.notification-content {
+	display: flex;
+	flex-direction: column;
+	font-size: var(--notification-description-font-size);
+}
+
+.notification-title-wrapper {
+	display: flex;
+	flex-direction: row;
+}
+
+.notification-title {
+	font-weight: var(--notification-title-font-weight);
+	align-self: flex-start;
+	display: flex;
+	font-size: var(--notification-title-font-size);
+	margin-top: 1px;
+}
+
+.notification-description {
+	margin: 0px 10px;
+}
+
+.notification-logo {
+	background: url("../../img/Finsemble_Taskbar_Icon.png") no-repeat;
+	background-color: var(--notification-body-background-color);
+	background-size: contain;
+	margin-right: 6px;
+	width: var(--notification-logo-width);
+}
+
+.notification-close .ff-close {
+	font-size: 10px;
+	padding-top: 2px;
+	color: var(--notification-body-font-color);
+}
+
+.notification-close .ff-close:hover {
+	color: var(--notification-close-icon-hover-color);
+}

package/react/assets/css/core/windowFrame.css

@@ -1,36 +1,36 @@
-/*!
- * windowFrame.css
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-
-html.groupMask body {
-	background-color: var(--groupMask-background-color);
-	border: 1px solid var(--groupMask-border-color);
-	margin: 0px;
-}
-
-html.groupMask html:before {
-	height: 0px;
-}
-
-html.groupMask html:after {
-	width: 0px;
-	top: 0;
-	right: 0;
-	bottom: 0;
-}
-
-html.groupMask body:before {
-	height: 0px;
-	right: 0;
-	bottom: 0;
-	left: 0;
-}
-
-html.groupMask body:after {
-	width: 0px;
-	top: 0;
-	bottom: 0;
-	left: 0;
-}
+/*!
+ * windowFrame.css
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+
+html.groupMask body {
+	background-color: var(--groupMask-background-color);
+	border: 1px solid var(--groupMask-border-color);
+	margin: 0px;
+}
+
+html.groupMask html:before {
+	height: 0px;
+}
+
+html.groupMask html:after {
+	width: 0px;
+	top: 0;
+	right: 0;
+	bottom: 0;
+}
+
+html.groupMask body:before {
+	height: 0px;
+	right: 0;
+	bottom: 0;
+	left: 0;
+}
+
+html.groupMask body:after {
+	width: 0px;
+	top: 0;
+	bottom: 0;
+	left: 0;
+}

package/react/assets/css/dashbar.css

@@ -1,78 +1,78 @@
-.finsemble-dashbar {
-	width: 100%;
-	display: flex;
-	flex-direction: row;
-	overflow: hidden;
-}
-
-#dashbar-container {
-	overflow: hidden;
-	display: flex;
-	flex-direction: row;
-	align-content: center;
-	align-items: stretch;
-}
-
-.finsemble-dashbar .cq-drag.finsemble-toolbar-drag-handle {
-	display: flex;
-	align-items: center;
-}
-
-.finsemble-dashbar .cq-drag.finsemble-toolbar-drag-handle-native-movement {
-	display: flex;
-	align-items: center;
-}
-
-.finsemble-dashbar-section {
-	display: flex;
-	flex-direction: row;
-	overflow: hidden;
-}
-
-.finsemble-dashbar-section.rearrange-region {
-	cursor: pointer;
-}
-
-.finsemble-dashbar-item {
-	pointer-events: auto;
-}
-
-.finsemble-dashbar-item-pointer-disable {
-	pointer-events: none;
-}
-
-.dashbar-item-frame {
-	display: flex;
-	flex-direction: column;
-	height: 100vh;
-}
-
-.dashbar-item-frame span {
-	display: flex;
-	width: 100%;
-	justify-content: center;
-	color: var(--content-header-font-color);
-	font-weight: var(--toolbar-font-weight);
-	font-size: var(--toolbar-font-size);
-}
-
-.dashbar-item-frame .empty-space {
-	background: var(--core-primary-2);
-	height: inherit;
-}
-
-.add-dashbar-item-button {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	width: 100px;
-	height: auto;
-	border: 1px solid white;
-	cursor: pointer;
-	margin: 0 10px 0 10px;
-}
-
-.add-dashbar-item-button span {
-	padding: 10px;
-	cursor: pointer;
-}
+.finsemble-dashbar {
+	width: 100%;
+	display: flex;
+	flex-direction: row;
+	overflow: hidden;
+}
+
+#dashbar-container {
+	overflow: hidden;
+	display: flex;
+	flex-direction: row;
+	align-content: center;
+	align-items: stretch;
+}
+
+.finsemble-dashbar .cq-drag.finsemble-toolbar-drag-handle {
+	display: flex;
+	align-items: center;
+}
+
+.finsemble-dashbar .cq-drag.finsemble-toolbar-drag-handle-native-movement {
+	display: flex;
+	align-items: center;
+}
+
+.finsemble-dashbar-section {
+	display: flex;
+	flex-direction: row;
+	overflow: hidden;
+}
+
+.finsemble-dashbar-section.rearrange-region {
+	cursor: pointer;
+}
+
+.finsemble-dashbar-item {
+	pointer-events: auto;
+}
+
+.finsemble-dashbar-item-pointer-disable {
+	pointer-events: none;
+}
+
+.dashbar-item-frame {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+}
+
+.dashbar-item-frame span {
+	display: flex;
+	width: 100%;
+	justify-content: center;
+	color: var(--content-header-font-color);
+	font-weight: var(--toolbar-font-weight);
+	font-size: var(--toolbar-font-size);
+}
+
+.dashbar-item-frame .empty-space {
+	background: var(--core-primary-2);
+	height: inherit;
+}
+
+.add-dashbar-item-button {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	width: 100px;
+	height: auto;
+	border: 1px solid white;
+	cursor: pointer;
+	margin: 0 10px 0 10px;
+}
+
+.add-dashbar-item-button span {
+	padding: 10px;
+	cursor: pointer;
+}