BookStack Code Mirror - bookstack/blob - resources/assets/sass/_tinymce.scss

   1
   2 //.mce-container {
   3 //  .mce-menubar, .mce-toolbar-grp {
   4 //    position: fixed;
   5 //    width: 100%;
   6 //  }
   7 //  .mce-container-body {
   8 //    position: relative;
   9 //    overflow: hidden;
  10 //    display: block;
  11 //  }
  12 //}
  13
  14 .mce-tinymce.mce-container.fullscreen {
  15   position: fixed;
  16   top: 0;
  17   height: 100%;
  18   width: 825px;
  19   max-width: 100%;
  20   margin-left: -$-s;
  21   box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.08);
  22 }
  23
  24
  25 .mce-tinymce {
  26   .mce-panel {
  27     background-color: #FFF;
  28   }
  29   .mce-btn {
  30     background-color: #FFF;
  31   }
  32 }
  33
  34 .mce-container-body.mce-flow-layout {
  35   text-align: center;
  36 }
  37
  38 .edit-area.flex > .mce-tinymce.mce-container.mce-panel {
  39   height: 100%;
  40   max-height: 100%;
  41   flex: 1;
  42   display: flex !important;
  43   flex-direction: column;
  44   align-items: stretch;
  45   margin: 0 -1px;
  46   > .mce-container-body {
  47     flex: 1;
  48     display: flex !important;
  49     flex-direction: column;
  50     align-items: stretch;
  51     > .mce-edit-area {
  52       flex: 1;
  53       display: flex !important;
  54       flex-direction: column;
  55       align-items: stretch;
  56       iframe {
  57         flex: 1;
  58       }
  59     }
  60   }
  61 }