feat: Remove common styles and duplicate css rules (#852)

* feat: Remove common styles and duplicate css rules

* change standard licese

Co-authored-by: EdwinBetanc0urt <EdwinBetanco0urt@outlook.com>

src/components/ADempiere/ContextMenu/contextMenuDesktop.vue

@@ -354,6 +354,7 @@ export default {
   }
 }
 </script>
+
 <style>
   .el-dropdown-menu--medium .el-dropdown-menu__item {
     line-height: 17px;
@@ -399,62 +400,9 @@ export default {
     color: #FFFFFF;
   }
 </style>
-
+<style lang='scss' scoped src='./contextMenuStyleScoped.scss'>
-<style scoped>
-  .el-tree-node__children {
-    overflow: hidden;
-    background-color: transparent;
-    max-width: 99%;
-    overflow: auto;
-  }
-  .el-dropdown .el-button-group {
-    display: flex;
-  }
   .el-dropdown-menu {
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 10;
-    padding: 10px 0;
-    margin: 0px 0;
-    background-color: #FFFFFF;
-    border: 1px solid #e6ebf5;
-    border-radius: 4px;
-    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
     max-height: 300px;
-    max-width: 220px;
     overflow: hidden;
   }
-  .el-dropdown-menu--mini .el-dropdown-menu__item {
-    line-height: 14px;
-    padding: 0px 15px;
-    font-size: 10px;
-  }
-  .el-dropdown-menu__item--divided {
-    position: relative;
-    /* margin-top: 6px; */
-    border-top: 1px solid #e6ebf5;
-  }
-  .svg-icon {
-    width: 1em;
-    height: 2em;
-    vertical-align: -0.15em;
-    fill: currentColor;
-    overflow: hidden;
-  }
-  .label {
-    font-size: 14px;
-    margin-top: 0% !important;
-    margin-left: 0px;
-    text-align: initial;
-  }
-  .description {
-    margin: 0px;
-    font-size: 12px;
-    text-align: initial;
-  }
-  .contents {
-    display: inline-flex;
-  }
 </style>

src/components/ADempiere/ContextMenu/contextMenuMobile.vue

@@ -319,6 +319,7 @@ export default {
   }
 }
 </script>
+
 <style>
   .el-button-group > .el-button:not(:last-child) {
     margin-right: -1px;
@@ -335,61 +336,9 @@ export default {
     border-color: #1682e6;
   }
 </style>
-<style scoped>
+<style lang="scss" scoped src='./contextMenuStyleScoped.scss'>
-  .el-tree-node__children {
-    overflow: hidden;
-    background-color: transparent;
-    max-width: 99%;
-    overflow: auto;
-  }
-  .el-dropdown .el-button-group {
-    display: flex;
-  }
   .el-dropdown-menu {
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 10;
-    padding: 10px 0;
-    margin: 5px 0;
-    background-color: #FFFFFF;
-    border: 1px solid #e6ebf5;
-    border-radius: 4px;
-    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
     max-height: 250px;
-    max-width: 220px;
     overflow: auto;
   }
-  .el-dropdown-menu--mini .el-dropdown-menu__item {
-    line-height: 14px;
-    padding: 0px 15px;
-    font-size: 10px;
-  }
-  .el-dropdown-menu__item--divided {
-    position: relative;
-    /* margin-top: 6px; */
-    border-top: 1px solid #e6ebf5;
-  }
-  .svg-icon {
-    width: 1em;
-    height: 2em;
-    vertical-align: -0.15em;
-    fill: currentColor;
-    overflow: hidden;
-  }
-  .label {
-    font-size: 14px;
-    margin-top: 0% !important;
-    margin-left: 0px;
-    text-align: initial;
-  }
-  .description {
-    margin: 0px;
-    font-size: 12px;
-    text-align: initial;
-  }
-  .contents {
-    display: inline-flex;
-  }
 </style>

src/components/ADempiere/ContextMenu/contextMenuStyleScoped.scss

@@ -0,0 +1,75 @@
+// ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
+// Copyright (C) 2017-Present E.R.P. Consultores y Asociados, C.A.
+// Contributor(s): Edwin Betancourt EdwinBetanc0urt@outlook.com www.erpya.com
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+
+// You should have received a copy of the GNU General Public License
+// along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+.el-dropdown-menu {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 10;
+  padding: 10px 0;
+  margin: 0px 0;
+  background-color: #FFFFFF;
+  border: 1px solid #e6ebf5;
+  border-radius: 4px;
+  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  max-width: 220px;
+}
+
+.el-tree-node__children {
+  overflow: hidden;
+  background-color: transparent;
+  max-width: 99%;
+  overflow: auto;
+}
+.el-dropdown .el-button-group {
+  display: flex;
+}
+
+
+
+.el-dropdown-menu--mini .el-dropdown-menu__item {
+  line-height: 14px;
+  padding: 0px 15px;
+  font-size: 10px;
+}
+.el-dropdown-menu__item--divided {
+  position: relative;
+  /* margin-top: 6px; */
+  border-top: 1px solid #e6ebf5;
+}
+
+.svg-icon {
+  width: 1em;
+  height: 2em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+.label {
+  font-size: 14px;
+  margin-top: 0% !important;
+  margin-left: 0px;
+  text-align: initial;
+}
+.description {
+  margin: 0px;
+  font-size: 12px;
+  text-align: initial;
+}
+.contents {
+  display: inline-flex;
+}

src/styles/ADempiere/index.scss

@@ -0,0 +1,17 @@
+// ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
+// Copyright (C) 2017-Present E.R.P. Consultores y Asociados, C.A.
+// Contributor(s): Edwin Betancourt EdwinBetanc0urt@outlook.com www.erpya.com
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+
+// You should have received a copy of the GNU General Public License
+// along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+@import './view.scss';

src/styles/ADempiere/view.scss

@@ -1,17 +1,68 @@
+// ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
+// Copyright (C) 2017-Present E.R.P. Consultores y Asociados, C.A.
+// Contributor(s): Edwin Betancourt EdwinBetanc0urt@outlook.com www.erpya.com
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
 
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+
+// You should have received a copy of the GNU General Public License
+// along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+// content of the main views
 .view-base {
+  // TODO: Add display stop for views without fields (like cache reset process)
   height: 100%;
   min-height: calc(100vh - 84px);
 }
-
+// content of main views when loading
 .view-loading {
   padding: 100px 100px;
   height: 100%;
 }
 
+// title of the main views
 .custom-title {
   color: #000000;
   text-size-adjust: 20px;
   font-size: 100%;
-  font-weight: 605!important;
+  font-weight: 605 !important;
+}
+// title of the main views in mobile
+.custom-title-mobile {
+  text-align: center;
+  color: #000000;
+  text-size-adjust: 20px;
+  font-size: 100%;
+  font-weight: 605!important;
+  /* left: 50%; */
+}
+
+// smart browser help in title popover
+.content-help {
+  width: 100%;
+  height: 200%;
+  padding-left: 39px !important;
+}
+// mobile smart browser help in title popover
+.content-help-mobile {
+  width: 50%;
+  height: 50%;
+  padding-left: 15px !important;
+}
+
+.content-collapse {
+  padding-left: 20 px !important;
+  padding-top: 50 px !important;
+}
+
+// title content
+.warn-content {
+  margin: 0px 0px !important;
+  padding-top: 0px !important;
 }

src/styles/index.scss

@@ -4,6 +4,7 @@
 @import './element-ui.scss';
 @import './sidebar.scss';
 @import './btn.scss';
+@import './ADempiere/index.scss';
 
 body {
   height: 100%;

src/views/ADempiere/Browser/index.vue

@@ -1,7 +1,7 @@
 <!--
  ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
  Copyright (C) 2017-Present E.R.P. Consultores y Asociados, C.A.
- Contributor(s): Edwin Betancourt edwinBetanc0urt@hotmail.com www.erpya.com
+ Contributor(s): Edwin Betancourt EdwinBetanc0urt@outlook.com www.erpya.com
  This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
@@ -88,7 +88,7 @@
     :element-loading-text="$t('notifications.loading')"
     element-loading-spinner="el-icon-loading"
     element-loading-background="rgba(255, 255, 255, 0.8)"
-    class="loading-browser"
+    class="view-loading"
   />
 </template>
 
@@ -147,9 +147,9 @@ export default {
     },
     cssClassTitle() {
       if (this.isMobile) {
-        return 'title-mobile'
+        return 'custom-title-mobile'
       }
-      return 'title'
+      return 'custom-title'
     },
     cssClassHelp() {
       if (this.isMobile) {
@@ -252,16 +252,6 @@ export default {
   }
 </style>
 <style scoped>
-  .view-base {
-    height: 100%;
-    min-height: calc(100vh - 84px);
-  }
-
-  .loading-browser {
-    padding: 100px 100px;
-    height: 100%;
-  }
-
   .el-main {
     display: block;
     -webkit-box-flex: 1;
@@ -288,29 +278,10 @@ export default {
   .menu {
     height: 40px;
   }
-  .title {
-    color: #000000;
-    text-size-adjust: 20px;
-    font-size: 100%;
-    font-weight: 605!important;
-    /* left: 50%; */
-  }
-  .title-mobile {
-    text-align: center;
-    color: #000000;
-    text-size-adjust: 20px;
-    font-size: 100%;
-    font-weight: 605!important;
-    /* left: 50%; */
-  }
   .content-help {
-    width: 100%;
-    height: 100%;
     padding-left: 15px !important;
   }
   .content-help-mobile {
-    width: 50%;
-    height: 50%;
     padding-left: 15px !important;
   }
   .center{

src/views/ADempiere/Form/index.vue

@@ -1,7 +1,7 @@
 <!--
  ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
  Copyright (C) 2017-Present E.R.P. Consultores y Asociados, C.A.
- Contributor(s): Edwin Betancourt edwinBetanc0urt@hotmail.com www.erpya.com
+ Contributor(s): Edwin Betancourt EdwinBetanc0urt@outlook.com www.erpya.com
  This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
@@ -58,7 +58,7 @@
               <el-button
                 v-popover:helpTitle
                 type="text"
-                class="title text-center"
+                class="custom-title text-center"
               >
                 {{ formTitle }}
               </el-button>
@@ -205,9 +205,9 @@ export default {
     width: 100%;
     height: 100%!important;
   }
+
   .view-base {
-    height: 100%;
+    /** Add this rule to view base */
-    min-height: calc(100vh - 84px);
     overflow: hidden;
   }
   .show-header-view-base {
@@ -215,41 +215,16 @@ export default {
     min-height: calc(100vh - 26px);
     overflow: hidden;
   }
-  .view-loading {
-    padding: 100px 100px;
-    height: 100%;
-  }
-
-  .title, .custom-title {
-    color: #000;
-    text-size-adjust: 20px;
-    font-size: 100%;
-    font-weight: 605 !important;
-    /* left: 50%; */
-  }
 
   .w-33 {
     width: 100%;
     background-color: transparent;
   }
 
-  .warn-content {
-    margin: 0px 0px !important;
-    padding-top: 0px !important;
-  }
-  .content-help {
-    width: 100%;
-    height: 200%;
-    padding-left: 39px !important;
-  }
   .el-card {
     width: 100% !important;
     height: 100% !important;
   }
-  .content-collapse {
-    padding-left: 20 px !important;
-    padding-top: 50 px !important;
-  }
 
   .center{
     text-align: center;

src/views/ADempiere/Process/index.vue

@@ -1,7 +1,7 @@
 <!--
  ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
  Copyright (C) 2017-Present E.R.P. Consultores y Asociados, C.A.
- Contributor(s): Edwin Betancourt edwinBetanc0urt@hotmail.com www.erpya.com
+ Contributor(s): Edwin Betancourt EdwinBetanc0urt@outlook.com www.erpya.com
  This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
@@ -51,7 +51,7 @@
               <el-button
                 v-popover:helpTitle
                 type="text"
-                class="title text-center"
+                class="custom-title text-center"
               >
                 {{ processMetadata.name }}
               </el-button>
@@ -75,7 +75,7 @@
     :element-loading-text="$t('notifications.loading')"
     element-loading-spinner="el-icon-loading"
     element-loading-background="rgba(255, 255, 255, 0.8)"
-    class="loading-process"
+    class="view-loading"
   />
 </template>
 
@@ -154,31 +154,6 @@ export default {
   }
 </style>
 <style scoped >
-  .view-base {
-    height: 100%;
-    min-height: calc(100vh - 84px);
-  }
-
-  .loading-process {
-    padding: 100px 100px;
-    height: 100%;
-  }
-
-  .title {
-    color: #000000;
-    text-size-adjust: 20px;
-    font-size: 100%;
-    font-weight: 605!important;
-  }
-  .warn-content {
-    margin: 0px 0px !important;
-    padding-top: 0px !important;
-  }
-  .content-help {
-    width: 100%;
-    height: 100%;
-    padding-left: 39px !important;
-  }
   .el-card {
     width: 100% !important;
     height: 100% !important;
@@ -188,8 +163,4 @@ export default {
     right: 0;
     top: 0;
   }
-  .content-collapse {
-    padding-left: 20 px !important;
-    padding-top: 50 px !important;
-  }
 </style>

src/views/ADempiere/ProcessActivity/index.vue

@@ -186,43 +186,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style lang="scss" scoped src="./processActivityStyle.scss">
-  a, a:focus, a:hover {
-    cursor: pointer;
-    color: inherit;
-    text-decoration: none;
-    color: #409EFF;
-  }
-  .el-popover {
-    position: absolute;
-    background: #FFFFFF;
-    overflow: auto;
-    min-width: 84px;
-    border-radius: 4px;
-    border: 1px solid #e6ebf5;
-    padding: 12px;
-    max-height: 174px;
-    z-index: 2000;
-    color: #606266;
-    line-height: 1.4;
-    text-align: justify;
-    max-width: 600px;
-    font-size: 14px;
-    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-    word-break: break-all;
-  }
-  .loading-div {
-    padding: 100px 100px;
-    height: 100%;
-  }
-  .actions {
-    float: right
-  }
-  .el-dropdown-link {
-    cursor: pointer;
-    color: #409EFF;
-  }
 </style>
 <style>
   .popover-scroll {

src/views/ADempiere/ProcessActivity/modeDesktop.vue

@@ -2,6 +2,7 @@
  ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
  Copyright (C) 2017-Present E.R.P. Consultores y Asociados, C.A.
  Contributor(s): Leonel Matos lmatos@erpya.com www.erpya.com
+ Contributor(s): Edwin Betancourt EdwinBetanc0urt@outlook.com www.erpya.com
  This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
@@ -145,43 +146,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style lang="scss" scoped src="./processActivityStyle.scss">
-  a, a:focus, a:hover {
-    cursor: pointer;
-    color: inherit;
-    text-decoration: none;
-    color: #409EFF;
-  }
-  .el-popover {
-    position: absolute;
-    background: #FFFFFF;
-    overflow: auto;
-    min-width: 84px;
-    border-radius: 4px;
-    border: 1px solid #e6ebf5;
-    padding: 12px;
-    max-height: 174px;
-    z-index: 2000;
-    color: #606266;
-    line-height: 1.4;
-    text-align: justify;
-    max-width: 600px;
-    font-size: 14px;
-    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-    word-break: break-all;
-  }
-  .loading-div {
-    padding: 100px 100px;
-    height: 100%;
-  }
-  .actions {
-    float: right
-  }
-  .el-dropdown-link {
-    cursor: pointer;
-    color: #409EFF;
-  }
 </style>
 <style>
   .popover-scroll {

src/views/ADempiere/ProcessActivity/modeMobile.vue

@@ -2,6 +2,7 @@
  ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
  Copyright (C) 2017-Present E.R.P. Consultores y Asociados, C.A.
  Contributor(s): Leonel Matos lmatos@erpya.com www.erpya.com
+ Contributor(s): Edwin Betancourt EdwinBetanc0urt@outlook.com www.erpya.com
  This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
@@ -151,43 +152,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style lang="scss" scoped src="./processActivityStyle.scss">
-  a, a:focus, a:hover {
-    cursor: pointer;
-    color: inherit;
-    text-decoration: none;
-    color: #409EFF;
-  }
-  .el-popover {
-    position: absolute;
-    background: #FFFFFF;
-    overflow: auto;
-    min-width: 84px;
-    border-radius: 4px;
-    border: 1px solid #e6ebf5;
-    padding: 12px;
-    max-height: 174px;
-    z-index: 2000;
-    color: #606266;
-    line-height: 1.4;
-    text-align: justify;
-    max-width: 600px;
-    font-size: 14px;
-    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-    word-break: break-all;
-  }
-  .loading-div {
-    padding: 100px 100px;
-    height: 100%;
-  }
-  .actions {
-    float: right
-  }
-  .el-dropdown-link {
-    cursor: pointer;
-    color: #409EFF;
-  }
 </style>
 <style>
   .popover-scroll {

src/views/ADempiere/ProcessActivity/processActivityStyle.scss

@@ -0,0 +1,48 @@
+// ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
+// Copyright (C) 2017-Present E.R.P. Consultores y Asociados, C.A.
+// Contributor(s): Edwin Betancourt EdwinBetanc0urt@outlook.com www.erpya.com
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+
+// You should have received a copy of the GNU General Public License
+// along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+a, a:focus, a:hover {
+  cursor: pointer;
+  color: inherit;
+  text-decoration: none;
+  color: #409EFF;
+}
+.el-popover {
+  position: absolute;
+  background: #FFFFFF;
+  overflow: auto;
+  min-width: 84px;
+  border-radius: 4px;
+  border: 1px solid #e6ebf5;
+  padding: 12px;
+  max-height: 174px;
+  z-index: 2000;
+  color: #606266;
+  line-height: 1.4;
+  text-align: justify;
+  max-width: 600px;
+  font-size: 14px;
+  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  word-break: break-all;
+}
+.actions {
+  float: right
+}
+.el-dropdown-link {
+  cursor: pointer;
+  color: #409EFF;
+}

src/views/ADempiere/ReportViewer/index.vue

@@ -2,6 +2,7 @@
  ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
  Copyright (C) 2017-Present E.R.P. Consultores y Asociados, C.A.
  Contributor(s): Leonel Matos lmatos@erpya.com www.erpya.com
+ Contributor(s): Edwin Betancourt EdwinBetanc0urt@outlook.com www.erpya.com
  This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
@@ -43,7 +44,7 @@
             <el-button
               v-popover:helpTitle
               type="text"
-              class="title"
+              class="custom-title"
             >
               {{ reportTitle }}
             </el-button>
@@ -94,7 +95,7 @@
     :element-loading-text="$t('notifications.loading')"
     element-loading-spinner="el-icon-loading"
     element-loading-background="rgba(255, 255, 255, 0.8)"
-    class="loading-report-viewer"
+    class="view-loading"
   />
 </template>
 
@@ -196,17 +197,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  .loading-report-viewer {
-    padding: 100px 100px;
-    height: 100%;
-  }
-
-  .title {
-    color: #000000;
-    text-size-adjust: 20px;
-    font-size: 100%;
-    font-weight: 605!important;
-  }
 	.content {
     width: 100%;
     height: 100%;

src/views/ADempiere/Test/index.vue

@@ -2,6 +2,7 @@
  ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
  Copyright (C) 2017-Present E.R.P. Consultores y Asociados, C.A.
  Contributor(s): Yamel Senih ysenih@erpya.com www.erpya.com
+ Contributor(s): Edwin Betancourt EdwinBetanc0urt@outlook.com www.erpya.com
  This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
@@ -18,7 +19,7 @@
 <template>
   <el-container
     class="view-base"
-    style="height: max-content!important;"
+    style="height: max-content !important;"
   >
     <el-header style="height: 39px;">
       <context-menu
@@ -50,7 +51,7 @@
               <el-button
                 v-popover:helpTitle
                 type="text"
-                class="title text-center"
+                class="custom-title text-center"
               >
                 {{ formTitle }}
               </el-button>
@@ -149,46 +150,10 @@ export default {
   }
 </style>
 <style scoped >
-  .view-base {
-    height: 100%;
-    min-height: calc(100vh - 84px);
-  }
-
-  .view-loading {
-    padding: 100px 100px;
-    height: 100%;
-  }
-
-  .title, .custom-title {
-    color: #000;
-    text-size-adjust: 20px;
-    font-size: 100%;
-    font-weight: 605 !important;
-    /* left: 50%; */
-  }
-
-  .w-33 {
-    width: 100%;
-    background-color: transparent;
-  }
-
-  .warn-content {
-    margin: 0px 0px !important;
-    padding-top: 0px !important;
-  }
-  .content-help {
-    width: 100%;
-    height: 100%;
-    padding-left: 39px !important;
-  }
   .el-card {
     width: 100% !important;
     height: 100% !important;
   }
-  .content-collapse {
-    padding-left: 20 px !important;
-    padding-top: 50 px !important;
-  }
 
   .center{
     text-align: center;

src/views/ADempiere/Unsupported/index.vue

@@ -1,10 +1,35 @@
+<!--
+ ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
+ Copyright (C) 2017-Present E.R.P. Consultores y Asociados, C.A.
+ Contributor(s): Edwin Betancourt EdwinBetanc0urt@outlook.com www.erpya.com
+ This program is free software: you can redistribute it and/or modify
+ it under the terms of the GNU General Public License as published by
+ the Free Software Foundation, either version 3 of the License, or
+ (at your option) any later version.
+
+ This program is distributed in the hope that it will be useful,
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ GNU General Public License for more details.
+
+ You should have received a copy of the GNU General Public License
+ along with this program.  If not, see <https:www.gnu.org/licenses/>.
+-->
 <template>
   <div class="wscn-http404-container">
     <div class="unsupported">
-      <div class="unsupported__oops">{{ $t('views.unsupportedSorry') }}</div>
+      <div class="unsupported__oops">
-      <div class="unsupported__headline">{{ $t('views.unsupportedHeadline') }}</div>
+        {{ $t('views.unsupportedSorry') }}
-      <div class="unsupported__info">{{ $t('views.unsupportedInfo') }}</div>
+      </div>
-      <el-button type="primary" round @click="redirect">{{ $t('views.unsupportedButton') }}</el-button>
+      <div class="unsupported__headline">
+        {{ $t('views.unsupportedHeadline') }}
+      </div>
+      <div class="unsupported__info">
+        {{ $t('views.unsupportedInfo') }}
+      </div>
+      <el-button type="primary" round @click="redirect">
+        {{ $t('views.unsupportedButton') }}
+      </el-button>
     </div>
   </div>
 </template>

src/views/ADempiere/Window/index.vue

@@ -1,7 +1,7 @@
 <!--
  ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
  Copyright (C) 2017-Present E.R.P. Consultores y Asociados, C.A.
- Contributor(s): Edwin Betancourt edwinBetanc0urt@hotmail.com www.erpya.com
+ Contributor(s): Edwin Betancourt EdwinBetanc0urt@outlook.com www.erpya.com
  This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
@@ -354,7 +354,7 @@
     v-loading="!isLoaded"
     :element-loading-text="$t('notifications.loading')"
     element-loading-background="rgba(255, 255, 255, 0.8)"
-    class="loading-window"
+    class="view-loading"
   />
 </template>
 

src/views/ADempiere/Window/windowStyleScoped.scss

@@ -1,3 +1,19 @@
+// ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
+// Copyright (C) 2017-Present E.R.P. Consultores y Asociados, C.A.
+// Contributor(s): Edwin Betancourt EdwinBetanc0urt@outlook.com www.erpya.com
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+
+// You should have received a copy of the GNU General Public License
+// along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
 .scroll {
   max-height: 60vh;
 }
@@ -94,14 +110,14 @@ aside {
   top: 41%;
   display: none;
   z-index: 5;
-  right: 1%!important;
+  right: 1% !important;
 }
 .open-datatable-aside-mobile {
   position: absolute;
   top: 41%;
   display: grid;
   z-index: 5;
-  right: 1%!important;
+  right: 1% !important;
 }
 .button {
   display: none;
@@ -158,7 +174,3 @@ aside {
 .vertical-panes > .pane ~ .pane {
   border-left: 1px solid #ccc;
 }
-.loading-window {
-  padding: 100px 100px;
-  height: 100%;
-}