@vitrosoftware/common-ui-ts 1.1.111 → 1.1.113

package/css/std/controls/pdf-viewer/img/zoom.svg

@@ -0,0 +1,5 @@
+<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
+	<path d='M15.332 5.33333L11.9961 2L8.66536 5.32817' stroke='#222D44' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/>
+	<path d='M19 15.0109L16.6684 17.3406L12.0053 22L7.33511 17.3333L5 15' stroke='#222D44' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>
+	<path d='M11 2H13V22H11V2Z' fill='#222D44'/>
+</svg>

package/css/std/controls/pdf-viewer/measure.css

@@ -106,19 +106,19 @@
 	position: absolute;
 	z-index: 10100;
 
-	width: 450px;
+	width: 320px;
 	max-width: 100%;
 	border: 1px solid #dddddd;
 	background: #fff;
-	top: 50%;
-	left: 50%;
-	transform: translate(-50%, -50%);
+	top: 32px;
+	right: 0;
+	height: calc(100% - 35px);
 }
 .measures-dlg-body {
-	padding: 30px;
+	padding: 30px 16px 30px 16px;
 }
 .measures-dlg-header {
-	padding: 30px;
+	padding: 24px 16px 24px 16px;
 	position: relative;
 	background: #F7F9FA;
 	font-weight: 400;
@@ -126,12 +126,143 @@
 	border-bottom: 1px solid #DAE1E6;
 }
 
+.measures-dlg-header .close {
+	right: 11px;
+}
+
 .measures-dlg-footer {
 	border-top: 1px solid #DAE1E6;
 	text-align: right;
-	padding: 15px 30px 15px 30px;
+	padding: 16px;
 }
 
 .hide-measures .svgsketch-wrap [id^='measure_'] {
 	display: none;
+}
+
+.measures-settings-controls.type-2-point .control-type-scale,
+.measures-settings-controls.type-scale .control-type-2-point {
+	display: none;
+}
+
+.measures-dlg-wrap .uk-button {
+	width: 100%;
+	margin: 0 0 16px 0;
+}
+
+.measures-dlg-statusbar {
+	font-family: Arial, sans-serif;
+	font-size: 12px;
+	padding: 0 16px 16px 16px;
+}
+
+.measures-dlg-statusbar,
+#btnMeasuresSettingsDelete {
+	display: none;
+}
+
+.measures-dlg-statusbar.show,
+#btnMeasuresSettingsDelete.show {
+	display: initial;
+}
+
+#btnMeasuresSettingsDelete {
+	margin-bottom: 30px;
+}
+
+.measures-2-point-size-label {
+	padding-left: 8px;
+}
+
+.measures-dlg-visible #viewerContainer {
+	right: 320px;
+}
+
+.svgsketch-wrap [id^='calibration_'] {
+	display: none;
+}
+
+.calibration-2-point .svgsketch-wrap [id^='calibration_'] {
+	display: initial;
+}
+
+#measures2PointHint {
+	font-family: Arial, sans-serif;
+	position: absolute;
+	top: 50px;
+	left: 50%;
+	transform: translate(-50%, 0);
+	background: rgba(38,38,38, 0.8);
+	opacity: 0.8;
+	color: #ffffff;
+	font-weight: bold;
+	font-size: 16px;
+	padding: 10px;
+	border-radius: 4px;
+	z-index: 1000;
+}
+
+.measure-toolbar-btn.disabled {
+	opacity: 0.6;
+}
+
+/*.measures-dlg-visible .page:not(.current) {
+	visibility: hidden !important;
+}*/
+
+
+.measures-dlg-header_page {
+	display: block;
+	font-size: 14px;
+}
+
+.warning-wrap {
+	background: #ffffff;
+	border: 1px solid #DAE1E6;
+	position: fixed;
+	max-width: 550px;
+	min-height: 300px;
+	top: 50%;
+	left: 50%;
+	-ms-transform: translateX(-50%) translateY(-50%);
+	transform: translateX(-50%) translateY(-50%);
+	box-sizing: border-box;
+	z-index: 1020;
+	font-family: Arial, sans-serif;
+}
+
+.warning-title {
+	padding: 30px;
+	position: relative;
+	background: #F7F9FA;
+	font-weight: 400;
+	font-size: 22px;
+	border-bottom: 1px solid #DAE1E6;
+	padding: 30px;
+}
+
+.warning-body {
+	padding: 30px;
+	font-size: 16px;
+	line-height: 1.5;
+}
+
+.warning-overlay {
+	background: rgba(0,0,0,0.6);
+	position: fixed;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	z-index: 1010;
+	overflow-y: auto;
+}
+
+.warning-footer {
+	border-top: 1px solid #DAE1E6;
+	padding: 15px 30px 15px 30px;
+}
+
+#btnCalibrationPageWarning {
+	margin-bottom: 15px;
 }