cc-core-cli 1.0.139 → 1.0.140

package/template/admin/public/static/styles/setting.css

@@ -0,0 +1,480 @@
+/* New setting.css without LESS imports */
+@import url("./custom-antd.css");
+
+.setting.menu .ant-tree-title {
+  cursor: default;
+}
+
+.setting.menu .ant-tree-title .title-render {
+  display         : flex;
+  border-radius   : 5px;
+  padding         : 0px 5px;
+  align-items     : center;
+  background-color: #f6f7f9;
+  border          : 1px dashed #d9d9d9;
+  min-height      : 42px;
+}
+
+.setting.menu .ant-tree-title .title-render .move {
+  margin-right: 5px;
+}
+
+.setting.menu .ant-tree-title .title-render .move svg {
+  cursor: move;
+}
+
+.setting.menu .ant-tree-title .title-render .title-content {
+  cursor          : pointer;
+  position        : relative;
+  display         : flex;
+  flex-direction  : row;
+  width           : 100%;
+  max-width       : 100%;
+  background-color: #FFFFFF;
+  line-height     : 40px;
+  max-height      : 40px;
+  margin-right    : 5px;
+}
+
+.setting.menu .ant-tree-title .title-render .title-content .icon {
+  width        : 30px;
+  text-align   : center;
+  padding-top  : 7px;
+  margin-bottom: -7px;
+}
+
+.setting.menu .ant-tree-title .title-render .title-content .icon svg {
+  color: rgba(0, 0, 0, 0.65);
+  width: 18px;
+}
+
+.setting.menu .ant-tree-title .title-render .title-content .title {
+  width         : calc(100% - 30px);
+  max-width     : calc(100% - 30px);
+  min-width     : 1px;
+  display       : flex;
+  flex-direction: row;
+  flex-wrap     : nowrap;
+  overflow      : hidden;
+}
+
+.setting.menu .ant-tree-title .title-render .title-content .title .in-title {
+  flex-shrink: 0;
+}
+
+.setting.menu .ant-tree-title .title-render .title-content .title .description {
+  padding-left: 15px;
+  font-size   : 12px;
+  color       : #9c9c9c;
+}
+
+.setting.menu .ant-tree-title .title-render .title-content .remove {
+  display: none;
+}
+
+.setting.menu .ant-tree-title .title-render .title-content.children:hover .remove,
+.setting.menu .ant-tree-title .title-render .title-content.last-menu:hover .remove {
+  display: none;
+}
+
+.setting.menu .ant-tree-title .title-render .title-content:hover .title {
+  padding-right: 34px;
+}
+
+.setting.menu .ant-tree-title .title-render .title-content:hover.last-menu .remove,
+.setting.menu .ant-tree-title .title-render .title-content:hover .remove {
+  display : initial;
+  position: absolute;
+  right   : 0;
+  padding : 0px 10px;
+  z-index : 2;
+}
+
+.setting.menu .add-menu {
+  margin: 2px 4px 0px 0px;
+}
+
+.setting-feature-container {
+  display       : flex;
+  flex-direction: column;
+  align-items   : flex-end;
+}
+
+.setting.widget .form-detail .ant-form-item.filters .ant-form-item-control-input-content div div:first-child {
+  margin-top: 0 !important;
+}
+
+.setting.widget .form-detail .ant-btn.ant-btn-link {
+  margin-bottom: 12px;
+}
+
+.provider-setting.button-add-location {
+  color       : #04ace4;
+  border-color: #04ace4;
+}
+
+.provider-setting.button-remove-location {
+  color     : #04ace4;
+  margin-top: 8px;
+}
+
+.provider-setting.label-location-group {
+  color: rgba(0, 0, 0, 0.85);
+}
+
+.setting.translate .translate-container .list-container {
+  min-height    : 500px;
+  border        : 1px solid rgba(0, 0, 0, 0.05);
+  display       : flex;
+  flex-direction: column;
+  height        : 100%;
+}
+
+.setting.translate .translate-container .list-item {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  width        : 100%;
+  padding      : 10px 15px;
+  cursor       : pointer;
+}
+
+.setting.translate .translate-container .list-item:hover {
+  background: #f6f7f9;
+}
+
+.setting.translate .translate-container .list-item.selected {
+  background  : #f6f7f9;
+  border-right: 6px solid #04ace4;
+}
+
+.setting.translate .translate-container .form-container {
+  margin: 0 20px;
+}
+
+.setting.queue .queue-container .list-container {
+  min-height        : 700px;
+  max-height        : 700px;
+  border            : 1px solid rgba(0, 0, 0, 0.05);
+  display           : flex;
+  flex-direction    : column;
+  height            : 100%;
+  overflow          : scroll;
+  -ms-overflow-style: none;
+  scrollbar-width   : none;
+}
+
+.setting.queue .queue-container .list-container::-webkit-scrollbar {
+  display: none;
+}
+
+.setting.queue .queue-container .list-item {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  width        : 100%;
+  padding      : 10px 15px;
+  cursor       : pointer;
+}
+
+.setting.queue .queue-container .list-item:hover {
+  background: #f6f7f9;
+}
+
+.setting.queue .queue-container .list-item.selected {
+  background  : #f6f7f9;
+  border-right: 6px solid #04ace4;
+}
+
+.setting.queue .queue-container .queue-table {
+  height            : 100%;
+  overflow          : scroll;
+  -ms-overflow-style: none;
+  scrollbar-width   : none;
+}
+
+.setting.queue .queue-container .queue-table::-webkit-scrollbar {
+  display: none;
+}
+
+.setting.database .database-container .list-container {
+  min-height        : 700px;
+  max-height        : 700px;
+  border            : 1px solid rgba(0, 0, 0, 0.05);
+  display           : flex;
+  flex-direction    : column;
+  height            : 100%;
+  overflow          : scroll;
+  -ms-overflow-style: none;
+  scrollbar-width   : none;
+}
+
+.setting.database .database-container .list-container .database-table-row-odd {
+  background-color: #f9f9f9;
+}
+
+.setting.database .database-container .list-container::-webkit-scrollbar {
+  display: none;
+}
+
+.setting.database .database-container .list-item {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  width        : 100%;
+  padding      : 10px 15px;
+  cursor       : pointer;
+}
+
+.setting.database .database-container .list-item:hover {
+  background: #f6f7f9;
+}
+
+.setting.database .database-container .list-item.selected {
+  background  : #f6f7f9;
+  border-right: 6px solid #04ace4;
+}
+
+.setting.menu .ant-tree-title .title-render-new {
+  display         : flex;
+  padding         : 0px 5px;
+  align-items     : center;
+  background-color: #f6f7f9;
+  min-height      : 42px;
+}
+
+.setting.menu .ant-tree-title .title-render-new .move {
+  margin-right: 5px;
+}
+
+.setting.menu .ant-tree-title .title-render-new .move svg {
+  cursor: move;
+}
+
+.setting.menu .ant-tree-title .title-render-new .title-content {
+  cursor          : pointer;
+  position        : relative;
+  display         : flex;
+  flex-direction  : row;
+  width           : 100%;
+  max-width       : 100%;
+  background-color: #FFFFFF;
+  line-height     : 40px;
+  max-height      : 40px;
+  margin-right    : 5px;
+}
+
+.setting.menu .ant-tree-title .title-render-new .title-content .icon {
+  width        : 30px;
+  text-align   : center;
+  padding-top  : 7px;
+  margin-bottom: -7px;
+}
+
+.setting.menu .ant-tree-title .title-render-new .title-content .icon svg {
+  color: rgba(0, 0, 0, 0.65);
+  width: 18px;
+}
+
+.setting.menu .ant-tree-title .title-render-new .title-content .title {
+  width         : calc(100% - 30px);
+  max-width     : calc(100% - 30px);
+  min-width     : 1px;
+  display       : flex;
+  flex-direction: row;
+  flex-wrap     : nowrap;
+  overflow      : hidden;
+}
+
+.setting.menu .ant-tree-title .title-render-new .title-content .title .in-title {
+  flex-shrink: 0;
+}
+
+.setting.menu .ant-tree-title .title-render-new .title-content .title .description {
+  padding-left: 15px;
+  font-size   : 12px;
+  color       : #9c9c9c;
+}
+
+.setting.menu .ant-tree-title .title-render-new .title-content .remove {
+  display: none;
+}
+
+.setting.menu .ant-tree-title .title-render-new .title-content.children:hover .remove,
+.setting.menu .ant-tree-title .title-render-new .title-content.last-menu:hover .remove {
+  display: none;
+}
+
+.setting.menu .ant-tree-title .title-render-new .title-content:hover .title {
+  padding-right: 34px;
+}
+
+.setting.menu .ant-tree-title .title-render-new .title-content:hover.last-menu .remove,
+.setting.menu .ant-tree-title .title-render-new .title-content:hover .remove {
+  display : initial;
+  position: absolute;
+  right   : 0;
+  padding : 0px 10px;
+  z-index : 2;
+}
+
+.setting.menu .add-menu {
+  margin: 15px 4px 0px 0px;
+}
+
+.setting-row-vertical-sublayout {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.setting-row-vertical-sublayout .column-full-height-container {
+  min-height: 44px;
+  height: 100%;
+}
+
+.setting-row-vertical-sublayout .column-full-height-container.right {
+  border-right: 1px dashed #d9d9d9;
+}
+
+.setting-row-vertical-sublayout .column-full-height-container.left {
+  border-left: 1px dashed #d9d9d9;
+}
+
+.setting-row-vertical-sublayout .column-half-height-container {
+  min-Height: 44px;
+}
+
+.setting-row-vertical-sublayout .column-half-height-container .sub-row {
+  min-Height: 44px;
+}
+
+.setting-row-vertical-sublayout .column-half-height-container .sub-row.border-right {
+  border-right: 1px dashed #d9d9d9;
+}
+
+.setting-row-vertical-sublayout .column-half-height-container .sub-row.top {
+  border-top: 1px dashed #d9d9d9;
+}
+
+.setting-row-vertical-sublayout .column-half-height-container .sub-row.bottom {
+  border-bottom: 1px dashed #d9d9d9;
+}
+
+.setting-row-vertical-sublayout .column-half-height-container .sub-row.full-height {
+  height: 100%;
+}
+
+.setting-row-vertical-sublayout .column-half-height-container.bottom-layout {
+  height: 100%;
+}
+
+.setting-menu-card {
+  margin-bottom: 10px; 
+}
+
+.setting-menu-card .setting-menu-rows {
+  padding: 8px;
+  margin-bottom: 15px;
+  justify-content: flex-end;    
+}
+
+.setting-menu-card .setting-menu-drawer-impor-export {
+  margin-right: 8px;
+}
+
+.setting-menu-card .dnd-rows {
+  border : 1px dashed #d9d9d9;
+  border-radius: 5px;
+}
+
+.setting-menu-card .title-render-new {
+  display: flex;
+  padding: 0 5px;
+  align-items: center;
+  background-color: #f6f7f9;
+  min-height: 42px;
+}
+
+.setting-menu-card .dnd-container{
+  border: 1px dashed #d9d9d9;
+}
+
+.setting-menu-card .dnd-container .content {
+  width:  100%;
+  padding: 25px;
+}
+
+.setting-menu-card .title-content {
+  cursor: pointer;
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  max-width: 100%;
+  background-color: #fff;
+  line-height: 40px;
+  max-height: 40px;
+  margin-right: 5px;
+}
+
+.setting-menu-card .icon {
+  width: 30px;
+  text-align: center;
+  padding-top: 7px;
+  margin-bottom: -7px;
+}
+
+.setting-menu-card .icon svg {
+  width: 18px
+}
+
+.setting-menu-card .icon-collapse-render {
+  cursor: pointer;
+}
+
+.setting-menu-card .move {
+  cursor: move;
+}
+
+.setting-menu-card .remove {
+  display: none;
+}
+
+.setting-menu-card .title {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  max-width: 100%;
+  background-color: #fff;
+  line-height: 40px;
+  max-height: 40px;
+  margin-right: 5px;
+}
+
+.setting-menu-card .title .description {
+  padding-left: 15px;
+  font-size   : 12px;
+  color       : #9c9c9c;
+}
+
+.setting-menu-card .title:hover .remove{
+  display: initial;        
+}
+
+.setting-menu-card.children:hover .remove,
+.setting-menu-card.last-menu:hover .remove {
+  display: none;
+}
+
+.setting-menu-card .title-content:hover .title {
+  padding-right: 34px;
+}
+
+.setting-menu-card .title-content:hover.last-menu .remove,
+.setting-menu-card .title-content:hover .remove {
+  display : initial;
+  position: absolute;
+  right   : 0;
+  padding : 0px 10px;
+  z-index : 2;
+}
+
+.setting-menu-card:hover .title {
+  padding-right: 34px;
+}