@steedos-widgets/amis-object 6.10.9 → 6.10.11

package/dist/amis-object.umd.css

@@ -70,6 +70,7 @@
     --fieldSet-legend-marginTop: 1rem;
     --fieldSet-legend-marginBottom: 1rem;
 
+    --DropDown-caret-marginLeft: 0.25rem;
     --DropDown-menu-boxShadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.14) 0px 4px 8px;
     --boxShadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.14) 0px 4px 8px;
     --common-popover-border: none;
@@ -455,19 +456,19 @@ fieldset.antd-Collapse > legend{
 }
 
 :root, .antd-Nav-Menu {
-  --Menu-width--collapsed: 3rem;
+  --Menu-width--collapsed: 32px;
   --Menu-light-fontColor: var(--Layout-light-fontColor);
   --Menu-light-fontColor-onHover: var(--link-color);
-  --Menu-light-fontColor-onActive: var(--link-colorlink);
+  --Menu-light-fontColor-onActive: var(--link-color);
   --Menu-light-active-backgroundColor: rgb(240, 240, 240);
   --Menu-light-backgroundColor-onHover: rgb(240, 240, 240);
   --Menu-light-selectedIndicator-color: transparent;
-  --Nav-Item-height: 2.5rem;
+  --Nav-Item-height: 2.25rem;
   /* --Nav-Item-height--horizontal: 2.5rem; */
   --Nav-item-borderRadius: 0.5rem;
   --Nav-item-onHover-bg: rgba(21,137,238,.1);
   --Nav-item-onActive-bg: rgba(21,137,238,.1);
-  --Nav-item-onActive-color: var(--link-colorlink);
+  --Nav-item-onActive-color: var(--link-color);
   --Nav-Item-maxWidth--tabs: 200px;
 }
 .antd-Nav-Menu.antd-Nav-Menu-horizontal {
@@ -478,7 +479,7 @@ fieldset.antd-Collapse > legend{
 .antd-Nav-Menu-item {
   border-radius: 0.375rem;
   margin-top: 3px;
-  margin-left: 0.5rem;
+  margin-left: 0rem;
 }
 
 .antd-Nav-Menu-collapsed 
@@ -493,10 +494,6 @@ fieldset.antd-Collapse > legend{
   height: 16px;
 }
 
-.steedos-app-service-edit .antd-Nav-Menu-inline .antd-Nav-Menu-item-active.antd-Nav-Menu-item-selected::before {
-  display: none;
-}
-
 .antd-Nav-Menu-item-active {
   /* line-height: var(--Nav-Item-height); */
   background: var(--Menu-light-backgroundColor-onHover);
@@ -519,7 +516,7 @@ fieldset.antd-Collapse > legend{
 }
 
 .antd-Nav-Menu-light .antd-Nav-Menu-item, .antd-Nav-Menu-light .antd-Nav-Menu-submenu-title {
-  padding-right: 0;
+  padding-right: 4px;
 }
 
 .antd-Nav-Menu-horizontal.antd-Nav-Menu-light .antd-Nav-Menu-item.antd-Nav-Menu-item-selected {
@@ -957,24 +954,15 @@ fieldset.antd-Collapse > legend{
 .w-6 {
     width: 1.5rem
 }
-.w-64 {
-    width: 16rem
-}
 .w-8 {
     width: 2rem
 }
 .w-96 {
     width: 24rem
 }
-.w-\[2\.5rem\] {
-    width: 2.5rem
-}
 .w-\[240px\] {
     width: 240px
 }
-.w-\[3rem\] {
-    width: 3rem
-}
 .w-auto {
     width: auto
 }
@@ -1229,10 +1217,6 @@ fieldset.antd-Collapse > legend{
 .p-4 {
     padding: 1rem
 }
-.\!px-2 {
-    padding-left: 0.5rem !important;
-    padding-right: 0.5rem !important
-}
 .px-0 {
     padding-left: 0px;
     padding-right: 0px
@@ -1369,6 +1353,10 @@ fieldset.antd-Collapse > legend{
 .leading-none {
     line-height: 1
 }
+.\!text-gray-600 {
+    --tw-text-opacity: 1 !important;
+    color: rgb(75 85 99 / var(--tw-text-opacity, 1)) !important
+}
 .text-\[blue\] {
     --tw-text-opacity: 1;
     color: rgb(0 0 255 / var(--tw-text-opacity, 1))
@@ -1393,6 +1381,10 @@ fieldset.antd-Collapse > legend{
     --tw-text-opacity: 1;
     color: rgb(107 114 128 / var(--tw-text-opacity, 1))
 }
+.text-gray-600 {
+    --tw-text-opacity: 1;
+    color: rgb(75 85 99 / var(--tw-text-opacity, 1))
+}
 .text-gray-700 {
     --tw-text-opacity: 1;
     color: rgb(55 65 81 / var(--tw-text-opacity, 1))
@@ -1525,9 +1517,6 @@ fieldset.antd-Collapse > legend{
     .sm\:grid {
         display: grid
     }
-    .sm\:w-\[220px\] {
-        width: 220px
-    }
     .sm\:grid-cols-2 {
         grid-template-columns: repeat(2, minmax(0, 1fr))
     }
@@ -2848,31 +2837,98 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
   margin-top: -1rem;
 }
 
-.steedos-context-bar .antd-Nav-list {
-  border-bottom: 0px;
-  height: 40px;
+.sidebar-wrapper {
+  overflow-x: hidden;
+  width: 50px;
+}
+.sidebar.sidebar-open .sidebar-wrapper {
+  width: 220px;
+}
+.sidebar .toggle-sidebar {
+  display: block;
+  justify-self: center;
+}
+.sidebar.sidebar-open .toggle-sidebar {
+  display: block;
+  justify-self: left;
+}
+.antd-Nav-Menu-item-divider {
+  border-bottom: 0.0625rem solid #cacacc !important;
 }
-.steedos-context-bar .antd-Nav .antd-Nav-list--tabs .antd-Nav-item.is-active {
-  box-shadow: none;
+.antd-Nav-Menu-item-tooltip {
+  display: none !important;
+}
+.antd-Nav.stacked .antd-Nav-Menu-item-link .antd-Nav-Menu-item-label {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
 }
-.steedos-context-bar .antd-Nav .antd-Nav-list--tabs .antd-Nav-item > a {
-  border: 0px;
-  padding-left: 12px;
-  padding-right: 12px;
-  border-top: solid transparent 3px;
+.antd-Nav.stacked .antd-Nav-Menu-item-link .antd-Nav-Menu-item-label > span > span {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
-.steedos-context-bar .antd-Nav .antd-Nav-list--tabs .antd-Nav-item:hover > a,
-.steedos-context-bar .antd-Nav .antd-Nav-list--tabs .antd-Nav-item > a:focus {
-  border-top-left-radius: 0px;
-  border-top-right-radius: 0px;
-  background: rgba(21, 137, 238, 0.1);
-  border-top: solid rgba(21, 137, 238, 0.1) 3px;
+@media (min-width: 768px) {
+  body.sidebar.sidebar-open #main {
+    margin-left: 220px;
+  }
+  body.sidebar #main {
+    margin-left: 50px;
+  }
 }
-.steedos-context-bar .antd-Nav .antd-Nav-list--tabs .antd-Nav-item.is-active > a {
-  border-top-left-radius: 0px;
-  border-top-right-radius: 0px;
-  background: rgba(21, 137, 238, 0.1);
-  border-top: solid rgb(14 165 233) 3px;
+@media (max-width: 768px) {
+  body.sidebar.sidebar-open #main {
+    padding-left: 0;
+  }
+  .sidebar-overlay {
+    display: none;
+  }
+  body.sidebar.sidebar-open .sidebar-overlay {
+    display: block;
+    transition: ease-out opacity 0.2s;
+    position: fixed;
+    top: 51px;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1000;
+    background: rgba(0, 0, 0, 0.6);
+    opacity: 1;
+  }
+  .steedos-header-toolbar-notifications-dialog .antd-Modal-content {
+    position: absolute !important;
+    left: 12px;
+    right: 12px;
+    top: 50px;
+    height: auto !important;
+    width: unset;
+    max-width: unset;
+    border-radius: var(--dialog-default-border-radius) !important;
+    padding: 0;
+    background: transparent;
+    border: none;
+  }
+  .steedos-header-toolbar-notifications-dialog .antd-Modal-content .antd-Modal-body {
+    padding: 0;
+    margin: 0;
+  }
+  .steedos-header-toolbar-notifications-dialog .antd-Modal-content .antd-Modal-body .steedos-header-toolbar-notifications-panel .steedos-header-toolbar-notifications-list {
+    max-height: 60vh;
+    margin: 0;
+  }
+  .sidebar.sidebar-open .sidebar-wrapper {
+    left: 0;
+  }
+  .sidebar .sidebar-wrapper {
+    position: fixed;
+    top: 50px;
+    bottom: 0;
+    width: 220px;
+    background: #fff;
+    z-index: 1001;
+    left: -220px;
+  }
 }
 .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemToggler,
 .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemToggler {
@@ -2965,115 +3021,6 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
   background-color: white;
 }
 
-.sidebar-wrapper {
-  transition: 0.5s ease transform;
-  will-change: transform;
-  transform: translate(calc(-100% + 60px), 0);
-  -webkit-transform: translate(calc(-100% + 60px), 0);
-  -moz-transform: translate(calc(-100% + 60px), 0);
-  -ms-transform: translate(calc(-100% + 60px), 0);
-  -o-transform: translate(calc(-100% + 60px), 0);
-  overflow-x: hidden;
-}
-.sidebar-wrapper .steedos-app-service {
-  left: 160px;
-}
-.antd-Nav-Menu-item-divider {
-  border-bottom: 0.0625rem solid #cacacc !important;
-}
-body.sidebar-open .sidebar-wrapper {
-  transform: translate(0, 0);
-  -webkit-transform: translate(0, 0);
-  -moz-transform: translate(0, 0);
-  -ms-transform: translate(0, 0);
-  -o-transform: translate(0, 0);
-}
-body.sidebar-open .sidebar-wrapper .steedos-app-service {
-  left: 0px;
-}
-body.sidebar #sidebar {
-  margin-top: 50px;
-}
-.antd-Nav-Menu-item-tooltip {
-  display: none !important;
-}
-.antd-Nav.stacked .antd-Nav-Menu-item-link .antd-Nav-Menu-item-label {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  width: 100%;
-}
-.antd-Nav.stacked .antd-Nav-Menu-item-link .antd-Nav-Menu-item-label > span > span {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-@media (min-width: 768px) {
-  body.sidebar.sidebar-open #main {
-    margin-left: 220px;
-  }
-  body.sidebar #main {
-    margin-left: 50px;
-  }
-}
-@media (max-width: 768px) {
-  body.sidebar.sidebar-open #sidebar {
-    margin-top: 50px;
-  }
-  body.sidebar.sidebar-open #main {
-    padding-left: 0;
-  }
-  .sidebar-overlay {
-    display: none;
-  }
-  body.sidebar.sidebar-open .sidebar-overlay {
-    display: block;
-    transition: ease-out opacity 0.2s;
-    position: fixed;
-    top: 51px;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: 1000;
-    background: rgba(0, 0, 0, 0.6);
-    opacity: 1;
-  }
-  .steedos-header-toolbar-notifications-dialog .antd-Modal-content {
-    position: absolute !important;
-    left: 12px;
-    right: 12px;
-    top: 50px;
-    height: auto !important;
-    width: unset;
-    max-width: unset;
-    border-radius: var(--dialog-default-border-radius) !important;
-    padding: 0;
-    background: transparent;
-    border: none;
-  }
-  .steedos-header-toolbar-notifications-dialog .antd-Modal-content .antd-Modal-body {
-    padding: 0;
-    margin: 0;
-  }
-  .steedos-header-toolbar-notifications-dialog .antd-Modal-content .antd-Modal-body .steedos-header-toolbar-notifications-panel .steedos-header-toolbar-notifications-list {
-    max-height: 60vh;
-    margin: 0;
-  }
-  .sidebar-wrapper {
-    position: fixed;
-    left: 0;
-    top: 50px;
-    bottom: 0;
-    width: 260px;
-    background: #fff;
-    z-index: 1001;
-    transform: translateX(-100%);
-    transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);
-  }
-  body.sidebar.sidebar-open .sidebar-wrapper {
-    transform: translateX(0);
-  }
-}
 
 .instance-default .instance-form .form-control .antd-Form-item {
   padding: 0;