cc-core-cli/template/admin/public/static/styles/setting.css

Command Line Interface tool for generating project templates for the (Your Platform's Name) platform.

/* 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;
}