Merge pull request #1006 from ONLYOFFICE/refactor/stylelint

Refactor/stylelint

.github/workflows/lint-eslint.yml

@@ -3,9 +3,9 @@ name: ESLint
 on:
   workflow_dispatch:
   push:
-    branches: [master, develop, refactor/eslint]
+    branches: [master, develop, refactor/eslint, refactor/stylelint]
   pull_request:
-    branches: [master, develop, refactor/eslint]
+    branches: [master, develop, refactor/eslint, refactor/stylelint]
 
 env:
   NODE_VERSION: 20
@@ -30,4 +30,7 @@ jobs:
         run: npm ci
 
       - name: Code Linting
-        run: npx eslint *.js
+        run: npx eslint *.js
+
+      - name: CSS Linting
+        run: npx stylelint ../css/*.css

.stylelintrc.json

@@ -0,0 +1 @@
+{ "extends": ["@nextcloud/stylelint-config"] }

css/editor.css

@@ -55,11 +55,13 @@
 .AscDesktopEditor #body-user #header {
     display: none;
 }
+
 .AscDesktopEditor #body-user #content {
     min-height: 100%;
     padding-top: 0;
     margin-top: 0px;
 }
+
 .AscDesktopEditor #app > iframe {
     height: 100% !important;
 }

css/format.css

@@ -21,16 +21,19 @@
     background-position: 12px !important;
     background-image: url("../img/new-docx.svg");
 }
+
 .icon-onlyoffice-new-xlsx {
     background-size: 20px !important;
     background-position: 12px !important;
     background-image: url("../img/new-xlsx.svg");
 }
+
 .icon-onlyoffice-new-pptx {
     background-size: 20px !important;
     background-position: 12px !important;
     background-image: url("../img/new-pptx.svg");
 }
+
 .icon-onlyoffice-new-pdf {
     background-size: 20px !important;
     background-position: 12px !important;

css/main.css

@@ -49,9 +49,11 @@
 #body-user.onlyoffice-inline .files-list__header {
     display: none;
 }
+
 #body-user.onlyoffice-inline #app-navigation-toggle {
     display: none !important;
 }
+
 #body-public.onlyoffice-inline #content #app-content,
 #body-user.onlyoffice-inline #content #app-content,
 #body-user.onlyoffice-inline #content #app-content-vue,
@@ -61,6 +63,7 @@
     overflow: hidden;
     overscroll-behavior-y: none;
 }
+
 #body-public.onlyoffice-inline footer {
     display: none !important;
 }
@@ -84,32 +87,40 @@
 .AscDesktopEditor #body-user #header {
     display: none;
 }
+
 .AscDesktopEditor #body-user #content {
     padding-top: 0;
     margin-top: 0px;
     height: 100%;
 }
+
 .AscDesktopEditor #body-user #app-navigation,
 .AscDesktopEditor #body-user #controls,
 .AscDesktopEditor #body-user #app-sidebar {
     top: 0;
 }
+
 .AscDesktopEditor #body-user #app-navigation {
     height: 100%;
 }
+
 .AscDesktopEditor #body-user #app-sidebar {
     height: 100vh;
 }
+
 .AscDesktopEditor #body-user table.multiselect thead,
 .AscDesktopEditor #app-content-files thead {
     top: 44px;
 }
+
 .AscDesktopEditor #body-user #gallery-button {
     display: none;
 }
+
 .onlyoffice-download-container {
     display: flex;
 }
+
 .onlyoffice-download-container p {
     margin-right: 10px;
     padding-top: 10px;

css/settings.css

@@ -30,31 +30,39 @@
     box-sizing: content-box;
     padding-top: 6px;
 }
+
 .onlyoffice-header {
     display: inline-block;
     margin-top: 16px;
 }
+
 .section-onlyoffice input {
     display: block;
     width: 250px;
 }
+
 .onlyoffice-hide {
     display: none;
 }
+
 #onlyofficeAdv {
     cursor: pointer;
     text-decoration: none;
 }
+
 #onlyofficeAdv .icon {
     display: inline-block;
     margin-bottom: -3px;
 }
+
 #onlyofficeAddrSave {
     float: left;
 }
+
 .onlyoffice-demo {
     margin-left: 90px;
 }
+
 #s2id_onlyofficeLimitGroups,
 #s2id_onlyofficeWatermark_allGroupsList,
 #s2id_onlyofficeWatermark_allTagsList,
@@ -64,18 +72,21 @@
     margin-top: 6px;
     width: 250px;
 }
+
 .onlyoffice-exts {
     column-width: 100px;
     -moz-column-width: 100px;
     -webkit-column-width: 100px;
 }
+
 .onlyoffice-tables {
     margin-top: 4px;
     line-height: initial;
     column-width: 140px;
     -moz-column-width: 140px;
     -webkit-column-width: 140px;
 }
+
 #onlyofficeSecret-show {
     left: 205px;
 }

css/share.css

@@ -33,33 +33,41 @@
     -webkit-mask: url("../img/app-dark.svg") no-repeat 50% 50%;
     -webkit-mask-size: 16px 16px;
 }
+
 .onlyoffice-share-item {
     display: flex;
     list-style-type: none;
 }
+
 .onlyoffice-share-item img {
     width: 32px;
     height: 32px;
 }
+
 .onlyoffice-share-popup {
     margin-right: 14px;
     margin-top: 44px;
 }
+
 .onlyoffice-share-item span {
     margin-left: 10px;
     margin-top: 5px;
 }
+
 #onlyoffice-share-menu {
     margin-left: auto;
 }
+
 .onlyoffice-share-action {
     line-height: 44px;
 }
+
 .onlyoffice-share-label {
     padding-right: 14px !important;
     padding-left: 14px !important;
     opacity: .7;
 }
+
 .onlyoffice-share-link-avatar {
     height: 32px;
     width: 32px;
@@ -68,6 +76,7 @@
     display: flex;
     justify-content: center;
 }
+
 .onlyoffice-share-link-avatar img {
     height: 16px;
     width: 16px;

css/template.css

@@ -29,6 +29,7 @@
 .onlyoffice-template-container li {
     margin-bottom: 10px;
 }
+
 .onlyoffice-template-item img,
 .onlyoffice-template-delete,
 .onlyoffice-template-download,
@@ -37,37 +38,46 @@
     margin-right: 10px;
     cursor: pointer;
 }
+
 .onlyoffice-template-delete,
 .onlyoffice-template-download {
     margin-bottom: -4px;
 }
+
 .onlyoffice-template-delete {
     opacity: .6;
 }
+
 .onlyoffice-template-download {
     background-image: url("../../../core/img/actions/download.svg");
     height: 16px;
     width: 16px;
     opacity: .6;
 }
+
 .section-onlyoffice-templates .icon-add {
     opacity: 0.5;
     padding-left: 44px;
 }
+
 .section-onlyoffice-templates .icon-add:hover {
     opacity: 0.7;
 }
+
 .onlyoffice-template-item img {
     float: left;
     margin-top: 5px;
 }
+
 .onlyoffice-template-item input {
     position: absolute;
     left: -10000px;
 }
+
 .onlyoffice-template-item input:checked + label {
     color: rgb(55, 137, 243);
 }
+
 .section-onlyoffice-templates input {
     display: none;
 }

css/viewer.css

@@ -35,6 +35,7 @@
     top: 50px;
     z-index: 110;
 }
+
 .modal-wrapper--full #onlyofficeViewerFrame {
     top: 0;
 }