Generic.styl 2.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
  1. .sidebarpagecontainer
  2. display flex
  3. min-height calc(100% - 50px)
  4. padding-top 85px
  5. .pageWrapperGeneric
  6. width 100%
  7. &__header
  8. display flex
  9. &__content
  10. margin 10px 10px 120px 10px
  11. @media (min-width: min-md) and (max-width: max-md)
  12. .pageWrapperGeneric
  13. display block
  14. padding-top 87px
  15. &__header
  16. margin 95px 0 5px 30px
  17. &__content
  18. margin 0
  19. @media (min-width: min-sm) and (max-width: max-sm)
  20. .pageWrapperGeneric
  21. display block
  22. padding-top 87px
  23. &__header
  24. margin 95px 0 35px 0
  25. &__title
  26. display inline-block
  27. margin-left 0
  28. &__content
  29. margin 0
  30. @media (max-width: max-xs)
  31. .pageWrapperGeneric
  32. display block
  33. padding-top 87px
  34. &__header
  35. display block
  36. margin-top 60px
  37. &__content
  38. margin 0
  39. .pageTitleGeneric
  40. display flex
  41. margin 45px 0
  42. &__title
  43. margin-left 10px
  44. font-size 30px
  45. color darkGrey
  46. @media (max-width: max-xs)
  47. .pageTitleGeneric
  48. display block
  49. .pageContentGeneric
  50. margin 10px 10px 120px 10px
  51. .dropdownCreateBtn
  52. &__label
  53. padding 10px 65px
  54. background-color green
  55. cursor pointer
  56. &__text
  57. display inline-block
  58. color white
  59. &::after //bootstrap override
  60. display inline-block
  61. margin-left 30px
  62. color white
  63. &__setting
  64. padding 0
  65. cursor pointer
  66. .setting__link
  67. padding 5px 65px 5px 10px
  68. .fa-file-text-o
  69. color fileColor
  70. .fa-comments-o
  71. color threadColor
  72. .fa-list-ul
  73. color taskColor
  74. .fa-file-code-o
  75. color markdownColor
  76. .fa-file-word-o
  77. color htmlColor
  78. .fa-ticket
  79. color issueColor
  80. .wsFileGeneric
  81. position fixed
  82. top 85px
  83. right 0
  84. border 1px solid grey
  85. height 100%
  86. background-color lightGrey
  87. box-shadow shadow-page
  88. visibility hidden
  89. &.visible
  90. visibility visible
  91. &__header
  92. display flex
  93. align-items center
  94. padding 15px
  95. height 64px
  96. &__icon
  97. margin-right 15px
  98. font-size 22px
  99. color white
  100. &__title
  101. margin-right 15px
  102. color white
  103. text-overflow ellipsis
  104. overflow hidden
  105. white-space nowrap
  106. &__edittitle
  107. margin 0 15px
  108. color white
  109. font-size 20px
  110. cursor pointer
  111. &__close
  112. border 1px solid white
  113. border-radius 5px
  114. padding 2px 5px
  115. cursor pointer
  116. & > i
  117. color white
  118. font-size 20px
  119. &__option
  120. border-bottom 1px solid grey
  121. padding 15px
  122. height 58px
  123. text-align right
  124. background-color off-white
  125. & > i
  126. vertical-align middle
  127. margin-right 15px
  128. font-size 25px
  129. cursor pointer
  130. &__menu
  131. display inline-block
  132. vertical-align middle
  133. &__action
  134. display inline-block
  135. margin-right 10px
  136. font-size 18px
  137. cursor pointer
  138. &__wrapper
  139. display flex
  140. flex-direction column