You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

55 lines
2.1 KiB

  1. /**********************************************************************************
  2. *
  3. * Copyright (C) 2017 MuK IT GmbH
  4. *
  5. * This program is free software: you can redistribute it and/or modify
  6. * it under the terms of the GNU Affero General Public License as
  7. * published by the Free Software Foundation, either version 3 of the
  8. * License, or (at your option) any later version.
  9. *
  10. * This program is distributed in the hope that it will be useful,
  11. * but WITHOUT ANY WARRANTY; without even the implied warranty of
  12. * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  13. * GNU Affero General Public License for more details.
  14. *
  15. * You should have received a copy of the GNU Affero General Public License
  16. * along with this program. If not, see <http://www.gnu.org/licenses/>.
  17. *
  18. **********************************************************************************/
  19. .o_form_view.mk_preview_sidebar_active {
  20. @include media-breakpoint-down(xl, $o-extra-grid-breakpoints) {
  21. .mk_preview_sidebar {
  22. display: none;
  23. }
  24. }
  25. @include media-breakpoint-up(xxl, $o-extra-grid-breakpoints) {
  26. display: flex;
  27. height: 100%;
  28. flex-flow: row nowrap;
  29. .mk_preview_sidebar {
  30. left: auto ! important;
  31. border-left: 1px solid gray('400');
  32. min-width: $mk-preview-sidebar-min-width;
  33. max-width: $mk-preview-sidebar-max-width;
  34. overflow: hidden;
  35. flex: 1 1 auto;
  36. height: 100%;
  37. }
  38. .o_form_sheet_bg {
  39. min-width: $mk-preview-form-min-width;
  40. flex: 1 1 auto;
  41. overflow: auto;
  42. > .oe_chatter {
  43. width: map-get($container-max-widths, xl);
  44. max-width: calc(100% - #{$o-horizontal-padding*2});
  45. background-color: $o-view-background-color;
  46. border: 1px solid gray('400');
  47. box-shadow: 0 5px 20px -15px black;
  48. }
  49. }
  50. .ui-resizable-w {
  51. cursor: ew-resize;
  52. width: 8px;
  53. }
  54. }
  55. }