@use "sass:map";
@use "@befe/brick-style/src/themes/base";
@use "@befe/brick-style/src/themes/date-picker";
@use "base" as *;

@each $size in date-picker.$date-picker-size-list {

  .brick-date-picker-popper-size-#{$size}, .brick-range-picker-popper-size-#{$size} {
    .brick-date-picker-panel-with-quick-actions {
      // @note: 行排列方案 #1, 可考虑替换为 flex 布局 #220809
      // white-space: nowrap;
      display: flex;

      line-height: map.get(date-picker.$date-picker-quick-actions-single-item-height-list, $size);

      .brick-date-picker-quick-actions, .brick-date-picker-panel-wrapper {
        display: inline-block;
      }

      .brick-date-picker-panel-wrapper {
        box-shadow: none;
        border-left: $border-light;
        border-radius: 0;
      }

      .brick-date-picker-quick-actions {
        vertical-align: top;
        height: map.get(date-picker.$date-picker-quick-actions-height-list, $size);
        overflow: auto;

        > .brick-quick-action {
          margin: 10px 12px;
          display: block;
        }
      }
    }
  }
}