sh_discord_bot/kdb-web/src/styles/primeng-fixes.scss

@import "./constants.scss";

.btn {
  &:focus {
    box-shadow: none !important;
  }
}

.p-menu,
.p-panelmenu {
  background: none !important;
  border: none !important;
  width: auto !important;
  border-radius: 0 !important;
  padding: 0 !important;

  .p-menuitem-link,
  .p-panelmenu-header > a,
  .p-panelmenu-content .p-menuitem .p-menuitem-link {
    $distance: 10px;
    padding: $distance 0 $distance $distance !important;
    margin: 4px 0 4px 6px !important;
  }
}

header,
.app {
  .p-menu-overlay {
    top: $headerHeight !important;
  }
}

.p-panelmenu {
  .p-panelmenu-icon {
    order: 1; // to be the first item on right side.
  }

  .p-menuitem-text {
    flex-grow: 1; // to fill the whole space and push the icon to the end
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal !important;
  }

  .p-panelmenu-header > a {
    border: none !important;
    border-radius: unset !important;
    font-weight: unset !important;
    transition: none !important;
  }

  .p-panelmenu-content {
    border: none !important;
    background: none !important;
  }
}

ui-menu .ui-menu-parent .ui-menu-child {
  width: 400px; /* exagerated !! */
}

.p-toast-detail {
  white-space: pre-line;
}

.p-datatable .p-sortable-column:focus {
  box-shadow: none !important;
}

.p-datatable > .p-datatable-wrapper {
  overflow: visible !important;
}

.p-password {
  padding: 0 !important;
}

.p-paginator {
  background-color: transparent !important;
  border: none !important;
}

p-table {
  .p-datatable .p-datatable-header {
    border: none !important;
  }

  .p-datatable .p-datatable-header,
  .p-datatable .p-datatable-tbody > tr,
  .p-datatable .p-datatable-thead > tr > th {
    background-color: transparent !important;
    color: inherit !important;
  }
}

.p-dropdown {
  width: 100% !important;
}

.pi-sort-alt:before {
  content: "\e915" !important;
}

.pi-sort-amount-up-alt:before {
  content: "\e914" !important;
}

.pi-sort-amount-down:before {
  content: "\e913" !important;
}