jsharmony-cms/models/Page_Tree.css

jsHarmony CMS

.xbody_<%=model.class%> {
  width:100%; 
  padding-right:20px; 
  box-sizing:border-box; 
  padding-bottom:0px;
}
.xbody_<%=model.class%> .bcrumbs {
  width:100%; 
  padding-right:20px; 
  padding-bottom:15px;
  box-sizing:border-box;
}
.<%=model.class%>_browser {
  display:flex;
  width:100%;
  min-width:950px;
  min-height:400px;
  box-sizing:border-box;
}
.xelem<%=model.class%>.tree.page_folder {
  height:auto;
  min-height:400px;
  box-sizing:border-box;
  flex-shrink:0;
}
.xelem<%=model.class%>.tree.page_folder .tree_item {
  user-select: none;
}
.<%=model.class%>_page_listing_container {
  flex-grow:1;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  border-right:1px solid #aaa; 
  border-bottom:1px solid #aaa; 
  border-top:1px solid #aaa;
}
.<%=model.class%>_page_listing_header {
  border-bottom: 1px solid #ccc;
  padding:5px 10px 4px 10px;
  color:#777;
  font-weight:bold;
}
.<%=model.class%>_page_listing_header_path {
  font-weight:normal;
}
.xsubform.Page_Tree_Listing {
  flex-grow:1;
  margin-top:0px;
  position:relative;
  height:1px;
}
.xsubform.Page_Tree_Listing .xpanel {
  border:0;
  padding:0;
  overflow-y:auto;
  width:100%;
  height:100%;
  display:block;
}
.xsubform.Page_Tree_Listing .xtbl {
  width:100%;
  box-sizing:border-box;
  border-collapse:separate;
  border-bottom:1px solid #ddd;
}
.xsubform.Page_Tree_Listing .xtbl thead th {
  border-left: 0px;
  padding-right: 7px;
}
.xsubform.Page_Tree_Listing .xtbl tbody td {
  border-left:0px;
}