hrp-ui-base 1.4.7 → 1.4.9

package/packages/approval-process/packages/styles/main.css

@@ -1,216 +1,216 @@
-:root {
-  /**头部背景色**/
-  /* --layout-header-bg-color: linear-gradient(90deg, #1c42c5 2%, #2a62d1); */
-  /**侧边栏背景色**/
-  /* --layout-aside-bg-color: #415a72; */
-  /**纵向收缩菜单背景色**/
-  /* --el-menu--vertical-bg-color: #415a72; */
-  /**横向收缩菜单背景色**/
-  /* --el-menu--horizontal-bg-color: #2a62d1; */
-  /**菜单选中时背景色**/
-  /* --el-menu-active-bg-color: rgba(0, 0, 0, 0.3); */
-
-  /* --el-rate-fill-color: rgba(55, 71, 82) !important; */
-}
-
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-  margin: 0;
-  position: relative;
-  font-weight: normal;
-}
-/* @media screen and (min-device-width: 1000px) {
-  html,
-  body,
-  #app {
-    margin: 0;
-    padding: 0;
-    width: 100%;
-    height: 100%;
-    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
-      Microsoft YaHei, SimSun, sans-serif;
-    font-weight: 400;
-    -webkit-font-smoothing: antialiased;
-    -webkit-tap-highlight-color: transparent;
-    background-color: #ffffff;
-    font-size: 14px;
-    position: relative;
-  }
-}
-@media screen and (max-device-width: 1000px) {
-  html,
-  body,
-  #app {
-    margin: 0;
-    padding: 0;
-    width: 100%;
-    height: 100%;
-    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
-      Microsoft YaHei, SimSun, sans-serif;
-    font-weight: 400;
-    -webkit-font-smoothing: antialiased;
-    -webkit-tap-highlight-color: transparent;
-    background-color: #ffffff;
-    font-size: 14px;
-    position: relative;
-  }
-}
-@media only screen and (max-width: 1000px) {
-  html,
-  body,
-  #app {
-    min-width: 0;
-    min-height: 0;
-  }
-} */
-
-.el-menu-item.is-active {
-  background-color: var(--el-menu-active-bg-color);
-}
-.el-sub-menu.is-active {
-  background-color: var(--el-menu-active-bg-color);
-}
-.el-menu--horizontal > .el-sub-menu .el-sub-menu__title:hover {
-  background-color: var(--el-menu-hover-bg-color) !important;
-}
-::-webkit-scrollbar {
-  width: 4px;
-  height: 8px;
-}
-::-webkit-scrollbar-thumb {
-  border-radius: 10px;
-  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-  background-color: rgba(197, 200, 204, 0.8);
-}
-::-webkit-scrollbar-thumb:hover {
-  border-radius: 10px;
-  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-  background-color: #949699;
-}
-::-webkit-scrollbar-track {
-  display: none;
-  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-  border-radius: 10px;
-  background-color: rgba(0, 0, 0, 0);
-}
-.hide-scroll-bar::-webkit-scrollbar {
-  display: none;
-}
-
-/*时间选择器*/
-/* .el-date-range-picker {
-  width: 450px !important;
-}
-.el-date-table td .el-date-table-cell {
-  height: 20px !important;
-  display: flex;
-  align-items: center;
-}
-.el-date-range-picker .el-picker-panel__body {
-  min-width: 400px !important;
-}
-.el-date-range-picker__header div {
-  font-size: 14px !important;
-} */
-
-/*表格头部样式*/
-.el-table {
-  border-radius: 10px 10px 0 0;
-  /*border-top:1px solid #DEDEDE;*/
-  /*border-left:1px solid #DEDEDE;*/
-  /*border-bottom:1px solid #DEDEDE;*/
-}
-/* ul a 复位*/
-ul {
-  list-style: none;
-}
-a {
-  text-decoration: none;
-}
-
-/*.el-table .descending .sort-caret.descending {*/
-/*    border-top-color: #ecf5ff !important;*/
-/*}*/
-/*.el-table .ascending .sort-caret.ascending {*/
-/*    border-bottom-color: #ecf5ff !important;*/
-/*}*/
-
-.table-cell-text {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  width: 100%;
-  display: inline-block;
-}
-
-/* fade-transform */
-.fade-transform-leave-active,
-.fade-transform-enter-active {
-  transition: all 0.5s;
-}
-
-.fade-transform-enter {
-  opacity: 0;
-  transform: translateX(-30px);
-}
-
-.fade-transform-leave-to {
-  opacity: 0;
-  transform: translateX(30px);
-}
-
-.el-button:focus-visible {
-  outline: none !important;
-}
-
-/* Alternative custom animation style */
-::view-transition-old(root),
-::view-transition-new(root) {
-  height: auto;
-  width: 100vw;
-  animation: none;
-  mix-blend-mode: normal;
-}
-html.dark::view-transition-old(root) {
-  z-index: 2147483646;
-}
-html.dark::view-transition-new(root) {
-  z-index: 1;
-}
-html::view-transition-old(root) {
-  z-index: 1;
-}
-html::view-transition-new(root) {
-  z-index: 2147483646;
-}
-
-button {
-  background-color: blue;
-  color: white;
-}
-button.dark {
-  background-color: white;
-  color: #000000;
-}
-.dark #light {
-  display: none;
-}
-.dark #dark {
-  display: block;
-}
-#dark {
-  display: none;
-}
-#light {
-  display: block;
-}
+:root {
+  /**头部背景色**/
+  /* --layout-header-bg-color: linear-gradient(90deg, #1c42c5 2%, #2a62d1); */
+  /**侧边栏背景色**/
+  /* --layout-aside-bg-color: #415a72; */
+  /**纵向收缩菜单背景色**/
+  /* --el-menu--vertical-bg-color: #415a72; */
+  /**横向收缩菜单背景色**/
+  /* --el-menu--horizontal-bg-color: #2a62d1; */
+  /**菜单选中时背景色**/
+  /* --el-menu-active-bg-color: rgba(0, 0, 0, 0.3); */
+
+  /* --el-rate-fill-color: rgba(55, 71, 82) !important; */
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+  position: relative;
+  font-weight: normal;
+}
+/* @media screen and (min-device-width: 1000px) {
+  html,
+  body,
+  #app {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    height: 100%;
+    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
+      Microsoft YaHei, SimSun, sans-serif;
+    font-weight: 400;
+    -webkit-font-smoothing: antialiased;
+    -webkit-tap-highlight-color: transparent;
+    background-color: #ffffff;
+    font-size: 14px;
+    position: relative;
+  }
+}
+@media screen and (max-device-width: 1000px) {
+  html,
+  body,
+  #app {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    height: 100%;
+    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
+      Microsoft YaHei, SimSun, sans-serif;
+    font-weight: 400;
+    -webkit-font-smoothing: antialiased;
+    -webkit-tap-highlight-color: transparent;
+    background-color: #ffffff;
+    font-size: 14px;
+    position: relative;
+  }
+}
+@media only screen and (max-width: 1000px) {
+  html,
+  body,
+  #app {
+    min-width: 0;
+    min-height: 0;
+  }
+} */
+
+.el-menu-item.is-active {
+  background-color: var(--el-menu-active-bg-color);
+}
+.el-sub-menu.is-active {
+  background-color: var(--el-menu-active-bg-color);
+}
+.el-menu--horizontal > .el-sub-menu .el-sub-menu__title:hover {
+  background-color: var(--el-menu-hover-bg-color) !important;
+}
+::-webkit-scrollbar {
+  width: 4px;
+  height: 8px;
+}
+::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  background-color: rgba(197, 200, 204, 0.8);
+}
+::-webkit-scrollbar-thumb:hover {
+  border-radius: 10px;
+  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  background-color: #949699;
+}
+::-webkit-scrollbar-track {
+  display: none;
+  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  border-radius: 10px;
+  background-color: rgba(0, 0, 0, 0);
+}
+.hide-scroll-bar::-webkit-scrollbar {
+  display: none;
+}
+
+/*时间选择器*/
+/* .el-date-range-picker {
+  width: 450px !important;
+}
+.el-date-table td .el-date-table-cell {
+  height: 20px !important;
+  display: flex;
+  align-items: center;
+}
+.el-date-range-picker .el-picker-panel__body {
+  min-width: 400px !important;
+}
+.el-date-range-picker__header div {
+  font-size: 14px !important;
+} */
+
+/*表格头部样式*/
+.el-table {
+  border-radius: 10px 10px 0 0;
+  /*border-top:1px solid #DEDEDE;*/
+  /*border-left:1px solid #DEDEDE;*/
+  /*border-bottom:1px solid #DEDEDE;*/
+}
+/* ul a 复位*/
+ul {
+  list-style: none;
+}
+a {
+  text-decoration: none;
+}
+
+/*.el-table .descending .sort-caret.descending {*/
+/*    border-top-color: #ecf5ff !important;*/
+/*}*/
+/*.el-table .ascending .sort-caret.ascending {*/
+/*    border-bottom-color: #ecf5ff !important;*/
+/*}*/
+
+.table-cell-text {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 100%;
+  display: inline-block;
+}
+
+/* fade-transform */
+.fade-transform-leave-active,
+.fade-transform-enter-active {
+  transition: all 0.5s;
+}
+
+.fade-transform-enter {
+  opacity: 0;
+  transform: translateX(-30px);
+}
+
+.fade-transform-leave-to {
+  opacity: 0;
+  transform: translateX(30px);
+}
+
+.el-button:focus-visible {
+  outline: none !important;
+}
+
+/* Alternative custom animation style */
+::view-transition-old(root),
+::view-transition-new(root) {
+  height: auto;
+  width: 100vw;
+  animation: none;
+  mix-blend-mode: normal;
+}
+html.dark::view-transition-old(root) {
+  z-index: 2147483646;
+}
+html.dark::view-transition-new(root) {
+  z-index: 1;
+}
+html::view-transition-old(root) {
+  z-index: 1;
+}
+html::view-transition-new(root) {
+  z-index: 2147483646;
+}
+
+button {
+  background-color: blue;
+  color: white;
+}
+button.dark {
+  background-color: white;
+  color: #000000;
+}
+.dark #light {
+  display: none;
+}
+.dark #dark {
+  display: block;
+}
+#dark {
+  display: none;
+}
+#light {
+  display: block;
+}