ng-devui/devui-for-mobile.css

DevUI components based on Angular

@media (max-width: 1279px) and (any-hover: none) {
  * ::-webkit-scrollbar {
    display: none;
  }
  d-drawer .drawer {
    overflow-x: scroll;
  }
  d-category-search .devui-category-search-line-container {
    overflow: scroll !important;
  }
  d-data-table .devui-data-table .scroll-view,
  d-data-table .devui-data-table .viewport-wrapper {
    overflow: scroll !important;
  }
  d-data-table .devui-option-panel .devui-option-panel-col-drag {
    overflow: scroll !important;
  }
  d-virtual-scroll-tree-table d-data-table .devui-data-table .devui-scrollbar.overflow-overlay {
    overflow-x: scroll !important;
  }
  d-virtual-scroll-tree-table d-data-table .devui-data-table .devui-scrollbar.overflow-overlay:hover {
    overflow-x: scroll !important;
  }
  d-timepicker-panel .devui-time-picker .devui-time-list {
    overflow-y: scroll !important;
  }
  d-year-panel .year-list-panel .devui-year-list {
    overflow-y: auto !important;
  }
  .devui-time-picker .devui-time-list {
    overflow-y: auto !important;
  }
  d-modal .modal-body {
    overflow-y: auto !important;
  }
}
@media (max-width: 1279px) {
  d-drawer .drawer {
    overflow-x: overlay;
  }
  d-drawer .drawer:not(.display-width) {
    left: 0;
    right: 0;
  }
  d-drawer .drawer:not(.display-width) .overlay-wrapper:not(.display-width) {
    left: 0;
    right: 0;
  }
  d-drawer .drawer:not(.display-width) .overlay-wrapper:not(.display-width) .overlay-backdrop {
    background: transparent;
  }
  d-modal .modal {
    padding: 32px 20px 0 20px;
    overflow-y: inherit !important;
  }
  d-modal .modal .modal-dialog .maximize {
    width: calc(100vw - 40px) !important;
    max-height: calc(100vh - 64px) !important;
    height: calc(100vh - 64px) !important;
  }
  d-modal d-modal-header .modal-header .modal-header-close {
    left: 0;
    top: -32px;
    background: var(--devui-base-bg, #ffffff);
    border-radius: 100%;
    padding-left: 8px;
    width: 32px;
    transform: scale(0.8);
    box-shadow: var(--devui-shadow-length-base, 0 1px 6px 0) var(--devui-light-shadow, rgba(0, 0, 0, 0.08));
  }
  d-modal d-modal-header .modal-header .modal-header-maximized {
    left: 32px;
    top: -32px;
    background: var(--devui-base-bg, #ffffff);
    border-radius: 100%;
    padding-left: 8px;
    width: 32px;
    transform: scale(0.8);
    box-shadow: var(--devui-shadow-length-base, 0 1px 6px 0) var(--devui-light-shadow, rgba(0, 0, 0, 0.08));
  }
}