panel_preview.less 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. // Preview template behaviour
  2. @grid-preview-max-width: 400px;
  3. .vc_ui-template-preview {
  4. .vc_welcome {
  5. display: none;
  6. }
  7. .wpb_vc_tta_tabs,
  8. .wpb_vc_tta_pageable,
  9. .wpb_vc_tta_tour,
  10. .wpb_vc_tta_accordion,
  11. .wpb_vc_tta_section .vc_tta-panel-body {
  12. .vc_controls {
  13. display: none;
  14. }
  15. }
  16. .postbox {
  17. border-color: transparent;
  18. margin-bottom: 0;
  19. box-shadow: none;
  20. }
  21. .vc_ui-templates-preview-design-helper {
  22. position: relative;
  23. height: auto;
  24. .vc_row_color, .vc_row_image {
  25. float: right;
  26. margin-top: 3px;
  27. width: 16px;
  28. height: 16px;
  29. display: block;
  30. margin-right: 3px;
  31. border-radius: 8px;
  32. background-size: cover;
  33. }
  34. }
  35. .wpb_vc_column_inner > .vc_controls:last-child {
  36. display: none;
  37. }
  38. // Fix for grid row
  39. .vc_gitem-content {
  40. padding-top: 10px;
  41. > .vc_row {
  42. display: flex;
  43. flex-flow: row nowrap;
  44. justify-content: center;
  45. align-items: flex-start;
  46. align-content: flex-start;
  47. &::before,
  48. &::after {
  49. width: 0;
  50. }
  51. .vc_gitem-add-c-left,
  52. .vc_gitem-add-c-right,
  53. .vc_gitem-add-c-top,
  54. .vc_gitem-add-c-bottom {
  55. &:empty {
  56. display: none;
  57. }
  58. }
  59. .vc_gitem-ab-zone,
  60. .vc_gitem-add-c-left,
  61. .vc_gitem-add-c-right,
  62. .vc_gitem-add-c-top,
  63. .vc_gitem-add-c-bottom {
  64. width: 50%;
  65. max-width: @grid-preview-max-width;
  66. }
  67. .vc_gitem-add-c-top,
  68. .vc_gitem-add-c-bottom {
  69. margin-left: 0;
  70. }
  71. }
  72. }
  73. }
  74. .vc_general-template-preview {
  75. height: auto;
  76. #wpbody-content {
  77. padding-bottom: 0;
  78. }
  79. #wpbody {
  80. padding: 0;
  81. }
  82. // don't show wp update message in preview
  83. #update-nag, .update-nag {
  84. display: none;
  85. }
  86. }