web_src/css/admin.css - master - uzer_007/Rixea

web_src/css/admin.css
638 строк12 KB
uzer_007
feat: первая версия Rixea
02 авг 2026, 22:16
02 авг 2026, 22:16d4f7504
.admin dl.admin-dl-horizontal {
  padding: 1em;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.admin dl.admin-dl-horizontal dt,
.admin dl.admin-dl-horizontal dd {
  line-height: var(--line-height-default);
  padding: 5px 0;
}

.admin dl.admin-dl-horizontal dt {
  width: 300px;
  max-width: calc(100% - 100px - 1em);
  font-weight: var(--font-weight-semibold);
}

.admin dl.admin-dl-horizontal dd {
  margin-left: auto;
  width: calc(100% - 300px - 1em);
  min-width: 100px;
}

.admin code,
.admin pre {
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

.admin .ui.table.segment {
  overflow-x: auto; /* if the screen width is small, many wide tables (eg: user list) need scroll bars */
}

.admin .table th {
  white-space: nowrap;
}

.admin-responsive-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
}

.admin-responsive-columns > * {
  min-width: min(100%, 20rem);
}

.admin-page-header {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-block);
}

.admin-page-title,
.admin-section-title {
  margin: 0 !important;
  overflow-wrap: anywhere;
  font-size: 1.14285714rem !important;
  line-height: var(--line-height-default) !important;
}

.admin-package-heading {
  min-width: 0;
}

.admin-package-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 1rem;
  margin-top: 0.25rem;
  color: var(--color-text-light-2);
  font-size: 0.875rem;
}

.admin-package-cleanup {
  flex: 0 0 auto;
}

.admin-package-cleanup > .ui.button {
  margin: 0;
}

.admin-package-search-fields {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.admin-package-query {
  min-width: min(100%, 18rem);
  flex: 1;
}

.admin-package-search-fields > .ui.dropdown {
  min-width: 14rem;
  max-width: 100%;
}

.admin-package-search-fields > .ui.button {
  margin: 0;
}

.admin-package-search .ui.dropdown > .menu {
  max-width: min(90vw, 32rem);
  max-height: min(45vh, 24rem);
  overflow-y: auto;
}

.admin-user-list-search {
  flex-wrap: wrap;
}

.admin-user-list-search > .tw-flex-1 {
  min-width: min(100%, 18rem);
}

.admin-user-list-search .secondary.menu {
  flex-wrap: wrap;
}

.admin-user-list-search .ui.dropdown > .menu {
  max-width: min(90vw, 28rem);
  max-height: min(60vh, 32rem);
  overflow-y: auto;
}

.admin-user-long-value,
.admin-user-long-value > a,
.admin.view.user .flex-text-block > a {
  min-width: 0;
  overflow-wrap: anywhere;
}

.admin-user-status,
.admin-auth-status {
  display: inline-flex;
  align-items: center;
}

.admin .admin-user-table th,
.admin .admin-user-table td {
  overflow-wrap: anywhere;
}

.admin .admin-user-table th {
  white-space: normal;
}

.admin-user-card-list,
.admin-auth-card-list,
.admin-repo-card-list,
.admin-package-card-list {
  display: none;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr));
  gap: 1rem;
  padding: 1rem;
  margin: 0;
  list-style: none;
}

.admin-user-card,
.admin-auth-card,
.admin-repo-card,
.admin-package-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--color-secondary);
  border-radius: var(--border-radius);
  background: var(--color-box-body);
}

.admin-user-card-header,
.admin-user-card-name,
.admin-user-card-actions,
.admin-auth-card-header,
.admin-auth-card-name,
.admin-auth-card-actions,
.admin-repo-card-header,
.admin-repo-card-name,
.admin-repo-card-actions,
.admin-package-card-header,
.admin-package-card-name,
.admin-package-card-actions {
  display: flex;
  align-items: center;
  gap: var(--gap-block);
}

.admin-user-card-header,
.admin-auth-card-header,
.admin-repo-card-header,
.admin-package-card-header {
  justify-content: space-between;
}

.admin-user-card-name,
.admin-auth-card-name,
.admin-repo-card-name,
.admin-package-card-name {
  min-width: 0;
  flex-wrap: wrap;
  font-weight: var(--font-weight-semibold);
}

.admin-user-card-name > a,
.admin-user-card-email,
.admin-user-card-meta dd,
.admin-auth-card-name > a,
.admin-auth-card-type,
.admin-auth-card-meta dd,
.admin-repo-card-name > a,
.admin-repo-card-meta dd,
.admin-repo-card-meta a,
.admin-package-card-name > a,
.admin-package-card-meta dd,
.admin-package-card-meta a {
  min-width: 0;
  overflow-wrap: anywhere;
}

.admin-user-card-email,
.admin-auth-card-type {
  margin-top: 0.5rem;
  color: var(--color-text-light-2);
}

.admin-user-card-meta,
.admin-auth-card-meta,
.admin-repo-card-meta,
.admin-package-card-meta {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1rem 0;
}

.admin-user-card-meta > div,
.admin-auth-card-meta > div,
.admin-repo-card-meta > div,
.admin-package-card-meta > div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-block);
}

.admin-user-card-meta dt,
.admin-auth-card-meta dt,
.admin-repo-card-meta dt,
.admin-package-card-meta dt {
  font-weight: var(--font-weight-semibold);
}

.admin-user-card-meta dd,
.admin-auth-card-meta dd,
.admin-repo-card-meta dd,
.admin-package-card-meta dd {
  margin: 0;
  text-align: right;
}

.admin-user-card-actions > .ui.button,
.admin-auth-card-actions > .ui.button,
.admin-repo-card-actions > .ui.button,
.admin-package-card-actions > .ui.button {
  min-width: 0;
  flex: 1;
  margin: 0;
}

.admin-user-card-actions,
.admin-auth-card-actions,
.admin-repo-card-actions,
.admin-package-card-actions {
  margin-top: auto;
}

.admin-auth-long-value,
.admin-auth-long-value > a,
.admin-repo-table a,
.admin-package-table a {
  min-width: 0;
  overflow-wrap: anywhere;
}

.admin-auth-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-block);
}

.admin-auth-form-actions > .ui.button {
  margin: 0;
}

.admin-auth-form .ui.dropdown > .menu {
  max-width: min(90vw, 36rem);
  max-height: min(60vh, 32rem);
  overflow-y: auto;
}

.admin-auth-form input,
.admin-auth-form textarea,
.admin-auth-form .ui.dropdown {
  min-width: 0;
  max-width: 100%;
}

.admin-repo-search .ui.dropdown > .menu {
  max-width: min(90vw, 32rem);
  max-height: min(45vh, 24rem);
  overflow-y: auto;
}

.admin-notice-summary {
  margin-top: 0.25rem;
  color: var(--color-text-light-2);
  font-size: 0.875rem;
}

.admin-notice-table {
  table-layout: fixed;
}

.admin-notice-table th:first-child,
.admin-notice-table td:first-child {
  width: 3rem;
}

.admin-notice-table th:nth-child(2),
.admin-notice-table td:nth-child(2) {
  width: 6rem;
}

.admin-notice-table th:nth-child(3),
.admin-notice-table td:nth-child(3) {
  width: 10rem;
}

.admin-notice-table th:nth-child(5),
.admin-notice-table td:nth-child(5) {
  width: 12rem;
}

.admin-notice-table th:last-child,
.admin-notice-table td:last-child {
  width: 4rem;
  text-align: center;
}

.admin-notice-description-cell {
  min-width: 0;
}

.admin-notice-description-cell .notice-description {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-notice-created {
  white-space: nowrap;
}

.admin-notice-view {
  margin: 0 !important;
}

.admin-notice-card-list {
  display: none;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr));
  gap: 1rem;
  padding: 1rem;
  margin: 0;
  list-style: none;
}

.admin-notice-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--color-secondary);
  border-radius: var(--border-radius);
  background: var(--color-box-body);
}

.admin-notice-card-header,
.admin-notice-card-selector,
.admin-notice-card-actions {
  display: flex;
  align-items: center;
  gap: var(--gap-block);
}

.admin-notice-card-header {
  justify-content: space-between;
}

.admin-notice-card-description {
  display: -webkit-box;
  min-height: 4.5em;
  margin: 1rem 0;
  overflow: hidden;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.admin-notice-card-meta {
  margin: 0 0 1rem;
}

.admin-notice-card-meta > div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-block);
}

.admin-notice-card-meta dt {
  font-weight: var(--font-weight-semibold);
}

.admin-notice-card-meta dd {
  margin: 0;
  text-align: right;
}

.admin-notice-card-actions {
  margin-top: auto;
}

.admin-notice-card-actions > .ui.button {
  width: 100%;
  min-width: 0;
  margin: 0;
}

.admin-notice-toolbar,
.admin-notice-selection-tools,
.admin-notice-delete-tools {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.admin-notice-toolbar {
  justify-content: space-between;
}

.admin-notice-toolbar .ui.button {
  margin: 0;
}

#detail-modal pre {
  max-height: min(60vh, 32rem);
  margin: 0;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.admin-repo-card-badges,
.admin-package-card-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin-top: 0.75rem;
}

.admin-repo-card-badges > .ui.label,
.admin-package-card-badges > .ui.label {
  margin: 0;
}

@media (max-width: 1599.98px) {
  .admin-repo-results,
  .admin-package-results {
    overflow-x: visible !important;
  }

  .admin-repo-table,
  .admin-package-table {
    display: none !important;
  }

  .admin-repo-card-list,
  .admin-package-card-list {
    display: grid;
  }
}

@media (max-width: 1343.98px) {
  .admin-user-results,
  .admin-auth-results,
  .admin-notice-results {
    overflow-x: visible !important;
  }

  .admin-user-table,
  .admin-auth-table,
  .admin-notice-table {
    display: none !important;
  }

  .admin-user-card-list,
  .admin-auth-card-list,
  .admin-notice-card-list {
    display: grid;
  }
}

@media (max-width: 1023.98px) {
  .admin-package-search-fields {
    flex-direction: column;
  }

  .admin-package-query,
  .admin-package-search-fields > .ui.dropdown,
  .admin-package-search-fields > .ui.button {
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  .admin-page-header {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-page-header > .ui.button {
    margin: 0;
    width: 100%;
  }

  .admin-package-cleanup,
  .admin-package-cleanup > .ui.button {
    width: 100%;
  }

  .admin-user-list-search > .secondary.menu {
    width: 100%;
  }

  .admin-user-list-search > .secondary.menu > .item {
    flex: 1;
    justify-content: center;
  }

  .admin-auth-form .inline.field {
    display: flex;
    align-items: stretch;
    flex-direction: column;
  }

  .admin-auth-form .inline.field > label {
    width: auto !important;
    margin: 0 0 0.5rem !important;
    text-align: left !important;
  }

  .admin-auth-form .inline.field > .ui.dropdown {
    width: 100%;
  }

  .admin-repo-search .flex-text-block > .ui.input {
    min-width: 100%;
  }

  .admin-repo-search .flex-text-block > .item {
    flex: 1;
    justify-content: center;
  }

  .admin-notice-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-notice-selection-tools,
  .admin-notice-delete-tools {
    width: 100%;
  }

  .admin-notice-selection-tools > .ui.button,
  .admin-notice-delete-tools > .ui.button {
    flex: 1;
  }
}

@media (max-width: 479.98px) {
  .admin-user-card-actions,
  .admin-auth-card-actions,
  .admin-repo-card-actions,
  .admin-package-card-actions,
  .admin-auth-form-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-user-card-actions > .ui.button,
  .admin-auth-card-actions > .ui.button,
  .admin-repo-card-actions > .ui.button,
  .admin-package-card-actions > .ui.button,
  .admin-auth-form-actions > .ui.button {
    width: 100%;
  }

  .admin-notice-selection-tools,
  .admin-notice-delete-tools {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-notice-selection-tools > .ui.button,
  .admin-notice-delete-tools > .ui.button {
    width: 100%;
  }
}

.web-banner-content-editor .render-content.render-preview {
  /* use the styles from ".ui.message" */
  padding: 1em 1.5em;
  border: 1px solid var(--color-info-border);
  background: var(--color-info-bg);
  color: var(--color-text);
}