Merge pull request #5 from ONLYOFFICE/develop

Release 1.0.0
ONLYOFFICE · Sep 22, 2022 · c78f1ff · c78f1ff
2 parents 7d5e35f + e2f48b2
commit c78f1ff
Show file tree

Hide file tree

Showing 5 changed files with 324 additions and 52 deletions.
diff --git a/config.json b/config.json
@@ -1,7 +1,7 @@
 {
     "name": "Grammalecte",
     "guid": "asc.{6ef67492-a111-4ca5-bd4f-bf02645afc61}",
-    "version": "1.0",
+    "version": "1.0.0",
 
     "variations": [
         {

diff --git a/index.html b/index.html
@@ -51,6 +51,15 @@
 		<script src="vendor/select2-4.0.6-rc.1/dist/js/select2.js"></script>
 	</head>
 	<style>
+		.unselectable {
+		  -webkit-touch-callout: none; /* iOS Safari */
+		  -webkit-user-select: none;   /* Chrome/Safari/Opera */
+		  -khtml-user-select: none;    /* Konqueror */
+		  -moz-user-select: none;      /* Firefox */
+		  -ms-user-select: none;       /* Internet Explorer/Edge */
+		  user-select: none;           /* Non-prefixed version, currently
+										  not supported by any browser */
+		}
 		.details {
 			display:none;
 			margin: 8px 12px 0 12px;
@@ -65,8 +74,7 @@
 		}
 		.caption_text {
 			width: 90%;
-			margin-left: 4px;
-			margin-bottom: 17px;
+			margin: 0 4px 17px 4px;
 		}
 		.dismiss_buttons {
 			margin: 14px 0 16px 0;
@@ -105,6 +113,9 @@
         	margin-right: 12px;
         	margin-top: 16px;
         	text-align: center;
+        }
+		.replacment {
+        	border-color: #009900 !important;
         }
         i {
             border: solid black;
@@ -125,6 +136,18 @@
         .ps__rail-y {
 			cursor: default !important;
 		}
+		#hide_show {
+            width: 130px;
+            margin-top: 10px !important;
+        }
+		#expand, #collapse {
+            cursor:pointer;
+            border-bottom: 1px dashed #444444;
+        }
+		.miniText {
+    		margin: 0 4px 17px 4px;
+			width: 90%;
+		}
 	</style>
 	<body class='body' style="margin: 0; display: flex; flex-direction: column;">
 		<div id="loader-container" class="asc-plugin-loader display-none">
@@ -135,14 +158,17 @@
 				Checking...
 			</div>
     	</div>
-		<div id="enter_container" class="form-control" style="cursor: text; position: relative; margin: 16px 12px 0px 12px; min-height: 100px; max-height: 45%; height: fit-content;">
+		<div style="margin: 12px 12px 4px 12px; width: calc(100% - 24px);">
+			<label id="clear" class="unselectable" style="float: right; border-bottom: var(--scaled-one-pixel, 1px) dotted rgba(255, 255, 255, 0.8); cursor: pointer;">Clear</label>
+		</div>
+		<div id="enter_container" class="form-control" style="cursor: text; position: relative; margin: 0px 12px 0px 12px; min-height: 100px; max-height: 45%; height: fit-content;">
 			<div id="textarea" contenteditable="true" style="min-width: 95%; max-width: 95%; height: fit-content; padding: 0px 15px 5px 3px; outline: none; white-space: normal; float: left; word-wrap: break-word;" ></div>
 		</div>
 		<div id="button_wrapper">
-			<div onсlick="" id="check" style="padding: 2px;" class="noselect btn-text-default i18n">Check</div>
-			<div onсlick="" id="replace" style="padding: 2px;" class="noselect btn-text-default i18n">Insert to document</div>
+			<div onсlick="" id="check" class="noselect btn-text-default i18n" style="height: auto; min-height: 20px;">Check</div>
+			<div onсlick="" id="replace" class="noselect btn-text-default i18n" style="height: auto; min-height: 20px;">Insert to document</div>
 		</div>
-		<div id="scrollable-container-id" style="position: relative; width: 100%; height: 70%; overflow: hidden ">
+		<div id="scrollable-container-id" style="position: relative; width: 100%; height: 100%; margin: 12px 0 12px 0; overflow: hidden ">
 			<div id="result" style="width: calc(100% - 24px); margin: 0px 12px 0px 12px; word-break: break-word; display: flex; flex-flow: column;"></div>
 		</div>
 	</body>

diff --git a/resources/css/plugin_style.css b/resources/css/plugin_style.css
@@ -25,7 +25,6 @@ div::-moz-selection {
 #no_mistakes {
     font-size: 12px;
     font-weight: 700 !important;
-    margin-top: 16px;
 }
 .replacment_space {
     border: 1px solid #40865C;
@@ -39,7 +38,6 @@ div::-moz-selection {
 #yes_mistakes {
     font-size: 11px;
     font-weight: 700 !important;
-    margin-top: 16px;
 }
 
 
@@ -62,7 +60,6 @@ div::-moz-selection {
     min-height: 22px;
     min-width: 26px;
 }
-
 .header {
   font-weight: 700;
   margin: 3px;