@voplus/morpho-document 7.0.4 → 7.0.6

package/es/components/DocumentHeader/index.less

@@ -1,179 +1,179 @@
-@import "~@voplus/morpho-theme/styles/index.less";
-
-:global {
-	.anticon-plus {
-		/** fix tag font size issue when e.g. under ant uploader. */
-		font-size: unset !important;
-	}
-
-	.document-header-default {
-		display: flex;
-		justify-content: space-between;
-		padding: 10px 20px;
-		font-size: 14px;
-		background-color: @component-background;
-
-		.document-header-content {
-			flex: 1;
-
-			.quick-data-bar {
-				color: @cancel-color;
-			}
-		}
-
-		.document-name-content {
-			display: flex;
-
-			> div {
-				display: inline-block;
-			}
-
-			.document-pre,
-			.document-name {
-				font-size: @font-size-lg;
-			}
-
-			.document-name {
-				color: @tabs-default-color;
-				font-weight: 500;
-				word-break: break-all;
-			}
-
-			.document-pre {
-				margin-right: 6px;
-			}
-		}
-
-		.bar-align-title .document-pre {
-			vertical-align: top;
-		}
-
-		.flag-icon {
-			margin-left: 8px;
-			//> svg {
-			//vertical-align: text-top;
-			//}
-		}
-
-		.file-subtitle {
-			margin-left: 8px;
-			color: #999;
-		}
-
-		.file-draft,
-		.file-lock {
-			margin-left: 8px;
-			color: #999;
-		}
-
-		.tag-view {
-			display: inline;
-			margin-left: 3px;
-			vertical-align: text-bottom;
-		}
-
-		&.document-header-h1 {
-			.document-name,
-			.document-pre {
-				font-size: @heading-1-size;
-				line-height: @heading-1-size;
-			}
-
-			.document-pre {
-				margin-right: ceil((@heading-1-size / @heading-1-size) * 10);
-			}
-
-			&.bar-align-title {
-				.document-pre {
-					font-size: ceil(@heading-1-size * 1.184);
-					line-height: floor(@heading-1-size * 1.4);
-				}
-			}
-
-			&.bar-align-left {
-				.document-pre {
-					font-size: floor(@heading-1-size * 0.85);
-				}
-			}
-		}
-
-		&.document-header-h2 {
-			.document-name,
-			.document-pre {
-				font-size: @heading-2-size;
-				line-height: @heading-2-size;
-			}
-
-			.document-pre {
-				margin-right: ceil((@heading-2-size / @heading-1-size) * 10);
-			}
-
-			&.bar-align-title {
-				.document-pre {
-					font-size: ceil(@heading-2-size * 1.184);
-					line-height: floor(@heading-2-size * 1.4);
-				}
-			}
-
-			&.bar-align-left {
-				.document-pre {
-					font-size: floor(@heading-2-size * 0.85);
-				}
-			}
-		}
-
-		&.document-header-h3 {
-			.document-name,
-			.document-pre {
-				font-size: @heading-3-size;
-				line-height: @heading-3-size;
-			}
-
-			.document-pre {
-				font-size: ceil(@heading-3-size * 0.8);
-				margin-right: ceil((@heading-3-size / @heading-1-size) * 10);
-
-				> svg {
-					//vertical-align: bottom;
-				}
-			}
-		}
-
-		&.document-header-h4 {
-			.document-name,
-			.document-pre {
-				font-size: @heading-4-size;
-				line-height: @heading-4-size;
-			}
-
-			.document-pre {
-				font-size: ceil(@heading-4-size * 0.8);
-				margin-right: ceil((@heading-4-size / @heading-1-size) * 10);
-
-				> svg {
-					vertical-align: bottom;
-				}
-			}
-		}
-
-		&.document-header-hover {
-			align-items: center;
-			cursor: pointer;
-
-			.tools-bar {
-				display: none;
-			}
-
-			.tools-bar.show {
-				display: block;
-			}
-
-			&:hover {
-				.document-name,
-				.quick-data-bar {
-					// opacity: 0.5;
-				}
-			}
-		}
-	}
-}
+@import "~@voplus/morpho-theme/styles/index.less";
+
+:global {
+	.anticon-plus {
+		/** fix tag font size issue when e.g. under ant uploader. */
+		font-size: unset !important;
+	}
+
+	.document-header-default {
+		display: flex;
+		justify-content: space-between;
+		padding: 10px 20px;
+		font-size: 14px;
+		background-color: @component-background;
+
+		.document-header-content {
+			flex: 1;
+
+			.quick-data-bar {
+				color: @cancel-color;
+			}
+		}
+
+		.document-name-content {
+			display: flex;
+
+			> div {
+				display: inline-block;
+			}
+
+			.document-pre,
+			.document-name {
+				font-size: @font-size-lg;
+			}
+
+			.document-name {
+				color: @tabs-default-color;
+				font-weight: 500;
+				word-break: break-all;
+			}
+
+			.document-pre {
+				margin-right: 6px;
+			}
+		}
+
+		.bar-align-title .document-pre {
+			vertical-align: top;
+		}
+
+		.flag-icon {
+			margin-left: 8px;
+			//> svg {
+			//vertical-align: text-top;
+			//}
+		}
+
+		.file-subtitle {
+			margin-left: 8px;
+			color: #999;
+		}
+
+		.file-draft,
+		.file-lock {
+			margin-left: 8px;
+			color: #999;
+		}
+
+		.tag-view {
+			display: inline;
+			margin-left: 3px;
+			vertical-align: text-bottom;
+		}
+
+		&.document-header-h1 {
+			.document-name,
+			.document-pre {
+				font-size: @heading-1-size;
+				line-height: @heading-1-size;
+			}
+
+			.document-pre {
+				margin-right: ceil((@heading-1-size / @heading-1-size) * 10);
+			}
+
+			&.bar-align-title {
+				.document-pre {
+					font-size: ceil(@heading-1-size * 1.184);
+					line-height: floor(@heading-1-size * 1.4);
+				}
+			}
+
+			&.bar-align-left {
+				.document-pre {
+					font-size: floor(@heading-1-size * 0.85);
+				}
+			}
+		}
+
+		&.document-header-h2 {
+			.document-name,
+			.document-pre {
+				font-size: @heading-2-size;
+				line-height: @heading-2-size;
+			}
+
+			.document-pre {
+				margin-right: ceil((@heading-2-size / @heading-1-size) * 10);
+			}
+
+			&.bar-align-title {
+				.document-pre {
+					font-size: ceil(@heading-2-size * 1.184);
+					line-height: floor(@heading-2-size * 1.4);
+				}
+			}
+
+			&.bar-align-left {
+				.document-pre {
+					font-size: floor(@heading-2-size * 0.85);
+				}
+			}
+		}
+
+		&.document-header-h3 {
+			.document-name,
+			.document-pre {
+				font-size: @heading-3-size;
+				line-height: @heading-3-size;
+			}
+
+			.document-pre {
+				font-size: ceil(@heading-3-size * 0.8);
+				margin-right: ceil((@heading-3-size / @heading-1-size) * 10);
+
+				> svg {
+					//vertical-align: bottom;
+				}
+			}
+		}
+
+		&.document-header-h4 {
+			.document-name,
+			.document-pre {
+				font-size: @heading-4-size;
+				line-height: @heading-4-size;
+			}
+
+			.document-pre {
+				font-size: ceil(@heading-4-size * 0.8);
+				margin-right: ceil((@heading-4-size / @heading-1-size) * 10);
+
+				> svg {
+					vertical-align: bottom;
+				}
+			}
+		}
+
+		&.document-header-hover {
+			align-items: center;
+			cursor: pointer;
+
+			.tools-bar {
+				display: none;
+			}
+
+			.tools-bar.show {
+				display: block;
+			}
+
+			&:hover {
+				.document-name,
+				.quick-data-bar {
+					// opacity: 0.5;
+				}
+			}
+		}
+	}
+}