dev

ZpcBulletinBoard/wwwroot/css/boards-links/index.css

@@ -0,0 +1,102 @@
+.main-content{
+    height: calc(100vh - 300px);
+}
+
+.div-content{
+    width: 100%;
+}
+
+.div-content-boards{
+    float: left;
+    width: calc(100% - 240px);
+    max-width: calc(100% - 240px);
+}
+
+.div-content-pages{
+    float: left;
+    width: 240px;
+    height: 100%;
+}
+
+.boards-content > hr{
+    margin-top: 0px;
+    margin-bottom: 0px;
+}
+
+.div-board{
+    float: left;
+    text-align: center;
+    width: 50px;
+    height: 230px;
+    border: 1px solid rgba(24, 28, 33, 0.06);
+    border-radius: 0.25rem;
+    margin: 5px;
+    margin-right: 15px;
+    writing-mode: vertical-lr;
+    background-color: rgba(111, 111, 143, 0.171);
+}
+
+.div-board > h5 {
+    margin: 2px;
+    margin-left:15px;
+    text-orientation: mixed;
+}
+
+.div-pages {
+    width: calc(100% - 70px);
+    margin: 5px;
+    height: 230px;
+    margin-left: 10px;
+    margin-bottom: 5px;
+    overflow-x: auto;
+}
+
+.div-page {
+    float: left;
+    text-align: center;
+    width: 200px;
+    height: 230px;
+    border: 1px solid rgba(24, 28, 33, 0.06);
+    border-radius: 0.25rem;
+    margin-right: 5px;
+}
+
+.div-page:hover {
+    cursor: grab;
+    /* background-color: rgba(24, 28, 33, 0.06); */
+    border-color: blue;
+}
+
+.page-active {
+    background-color: rgba(128, 171, 226, 0.5);
+}
+
+.div-page > h5 {
+    margin-top: 5px;
+    margin-bottom: 2px;
+}
+
+.div-page > i {
+    margin-top: 10px;
+}
+
+.div-available-pages{
+    overflow-y: scroll;
+    height: 100%;
+}
+
+.div-available-pages>.div-page{
+    margin-top: 5px;
+    margin-left: 10px;
+}
+
+.img-thumbnail{
+    height: 170px;
+    width: 170px;
+    margin-left: 15px;
+    margin-top: 5px;
+}
+
+.btn-tool{
+    /* padding: 1px; */
+}

ZpcBulletinBoard/wwwroot/css/pages/editor-main.css

@@ -64,6 +64,21 @@
     float: left;
 }
 
+.div-note.active{
+    border-color: blue;
+}
+
+.note-content{
+    overflow: hidden;
+    max-width: 100%;
+    max-height: 100%;
+}
+
+.note-body{
+    width: 100%;
+    height: calc(100% - 15px);
+}
+
 .input-hidden {
     display: none;
 }