fixes
This commit is contained in:
Mateusz Gruszczyński
@@ -2598,9 +2598,13 @@ app-page-header{
|
||||
}
|
||||
|
||||
.repository-table .p-button .p-button-label{
|
||||
white-space: normal;
|
||||
overflow-wrap: anywhere;
|
||||
word-break: break-word;
|
||||
white-space: nowrap;
|
||||
overflow-wrap: normal;
|
||||
word-break: normal;
|
||||
}
|
||||
|
||||
.repository-table .p-column-title{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.repository-table .p-button .p-button-icon{
|
||||
@@ -3528,10 +3532,229 @@ body.dark-theme .device-toggle.is-active{background:linear-gradient(135deg,color
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.repository-table .p-column-title{
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.repository-table .p-button.table-action-btn,
|
||||
.repository-table .p-button.table-action-btn--wide,
|
||||
.repository-table .p-button.table-action-btn--compact{
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.repository-table .p-button .p-button-label{
|
||||
white-space: normal;
|
||||
overflow-wrap: anywhere;
|
||||
word-break: break-word;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.repository-table .table-actions--labels,
|
||||
.repository-table .table-actions--tight{
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.repository-table .table-actions--tight{
|
||||
flex-wrap: wrap;
|
||||
overflow-x: visible;
|
||||
}
|
||||
|
||||
.repository-table .p-button.table-action-btn,
|
||||
.repository-table .p-button.table-action-btn--wide,
|
||||
.repository-table .p-button.table-action-btn--compact{
|
||||
width: auto;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
.repository-table.app-table .p-datatable-thead > tr > th:last-child,
|
||||
.repository-table.app-table .p-datatable-tbody > tr > td:last-child{
|
||||
width: 1%;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
/* --- table usability fix 2026-04-15 --- */
|
||||
.repository-table .p-column-title{display:none !important;}
|
||||
@media (max-width: 960px){
|
||||
.repository-table .p-column-title{display:inline-flex !important;align-items:center;}
|
||||
}
|
||||
|
||||
.repository-table--files .p-datatable-thead > tr > th:first-child,
|
||||
.repository-table--files .p-datatable-tbody > tr > td:first-child{
|
||||
width: 3rem;
|
||||
padding-inline: 0.55rem;
|
||||
}
|
||||
.repository-table--router-detail .p-datatable-thead > tr > th:first-child,
|
||||
.repository-table--router-detail .p-datatable-tbody > tr > td:first-child,
|
||||
.repository-table--diff .p-datatable-thead > tr > th:first-child,
|
||||
.repository-table--diff .p-datatable-tbody > tr > td:first-child{
|
||||
width: auto;
|
||||
padding-inline: 0.8rem;
|
||||
}
|
||||
|
||||
.repository-table .table-primary--ellipsis{
|
||||
display:block;
|
||||
max-width:100%;
|
||||
white-space:nowrap;
|
||||
overflow:hidden;
|
||||
text-overflow:ellipsis;
|
||||
}
|
||||
.repository-table .table-secondary{
|
||||
overflow:hidden;
|
||||
text-overflow:ellipsis;
|
||||
}
|
||||
.repository-table.app-table .p-datatable-thead > tr > th,
|
||||
.repository-table.app-table .p-datatable-tbody > tr > td{
|
||||
min-width:0;
|
||||
}
|
||||
.repository-table.app-table .p-datatable-thead > tr > th:last-child,
|
||||
.repository-table.app-table .p-datatable-tbody > tr > td:last-child{
|
||||
width: 280px;
|
||||
min-width: 280px;
|
||||
white-space: normal;
|
||||
}
|
||||
.repository-table--diff.app-table .p-datatable-thead > tr > th:last-child,
|
||||
.repository-table--diff.app-table .p-datatable-tbody > tr > td:last-child{
|
||||
width: 220px;
|
||||
min-width: 220px;
|
||||
}
|
||||
|
||||
.repository-table .table-actions--desktop-row{
|
||||
display:flex;
|
||||
flex-direction:row;
|
||||
flex-wrap:nowrap;
|
||||
align-items:center;
|
||||
gap:0.45rem;
|
||||
overflow:hidden;
|
||||
}
|
||||
.repository-table .table-actions--desktop-row .p-button{
|
||||
flex:0 0 auto;
|
||||
}
|
||||
.repository-table .table-row-menu{
|
||||
display:none;
|
||||
position:relative;
|
||||
}
|
||||
.repository-table .table-row-menu summary{
|
||||
display:inline-flex;
|
||||
align-items:center;
|
||||
gap:8px;
|
||||
list-style:none;
|
||||
cursor:pointer;
|
||||
padding:8px 12px;
|
||||
border-radius:12px;
|
||||
border:1px solid color-mix(in srgb,var(--border-color) 82%, transparent);
|
||||
background:color-mix(in srgb,var(--surface-2) 92%, transparent);
|
||||
color:var(--text-main);
|
||||
font-weight:700;
|
||||
white-space:nowrap;
|
||||
}
|
||||
.repository-table .table-row-menu summary::-webkit-details-marker{display:none;}
|
||||
.repository-table .table-row-menu__list{
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:calc(100% + 8px);
|
||||
z-index:25;
|
||||
display:grid;
|
||||
gap:8px;
|
||||
min-width:220px;
|
||||
padding:10px;
|
||||
border-radius:16px;
|
||||
border:1px solid color-mix(in srgb,var(--border-color) 82%, transparent);
|
||||
background:color-mix(in srgb,var(--surface-1) 96%, transparent);
|
||||
box-shadow:var(--shadow-lg);
|
||||
}
|
||||
.repository-table .table-row-menu__list .p-button{width:100%;justify-content:center;}
|
||||
|
||||
@media (max-width: 1400px){
|
||||
.repository-table--router-detail .table-actions--desktop-row,
|
||||
.repository-table--diff .table-actions--desktop-row{
|
||||
display:none;
|
||||
}
|
||||
.repository-table--router-detail .table-row-menu,
|
||||
.repository-table--diff .table-row-menu{
|
||||
display:inline-block;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1520px){
|
||||
.repository-table--files .table-actions--desktop-row{
|
||||
display:none;
|
||||
}
|
||||
.repository-table--files .table-row-menu{
|
||||
display:inline-block;
|
||||
}
|
||||
}
|
||||
@media (max-width: 960px){
|
||||
.repository-table.app-table .p-datatable-thead > tr > th:last-child,
|
||||
.repository-table.app-table .p-datatable-tbody > tr > td:last-child,
|
||||
.repository-table--diff.app-table .p-datatable-thead > tr > th:last-child,
|
||||
.repository-table--diff.app-table .p-datatable-tbody > tr > td:last-child{
|
||||
width:auto;
|
||||
min-width:0;
|
||||
}
|
||||
.repository-table .table-actions--desktop-row,
|
||||
.repository-table .table-row-menu{
|
||||
display:none !important;
|
||||
}
|
||||
.repository-table .table-primary--ellipsis,
|
||||
.repository-table .table-secondary{
|
||||
white-space:normal;
|
||||
overflow:visible;
|
||||
text-overflow:unset;
|
||||
}
|
||||
}
|
||||
|
||||
/* repository table desktop layout fix 2026-04-15 v4 */
|
||||
.repository-table--files.app-table .p-datatable-thead > tr > th:nth-child(2),
|
||||
.repository-table--files.app-table .p-datatable-tbody > tr > td:nth-child(2){
|
||||
width: 34%;
|
||||
max-width: 0;
|
||||
}
|
||||
.repository-table--files.app-table .p-datatable-thead > tr > th:nth-child(7),
|
||||
.repository-table--files.app-table .p-datatable-tbody > tr > td:nth-child(7){
|
||||
width: 230px;
|
||||
min-width: 230px;
|
||||
white-space: normal;
|
||||
}
|
||||
.repository-table--files.app-table .p-datatable-thead > tr > th:nth-child(8),
|
||||
.repository-table--files.app-table .p-datatable-tbody > tr > td:nth-child(8){
|
||||
width: 200px;
|
||||
min-width: 200px;
|
||||
white-space: normal;
|
||||
}
|
||||
.repository-table--files .table-actions--desktop-row{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 0.45rem;
|
||||
}
|
||||
.repository-table--files .table-actions--desktop-row .p-button{
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
.repository-table--files .table-primary--ellipsis,
|
||||
.repository-table--files .table-secondary{
|
||||
max-width: 100%;
|
||||
}
|
||||
@media (max-width: 1520px){
|
||||
.repository-table--files .table-actions--desktop-row{
|
||||
display: none;
|
||||
}
|
||||
.repository-table--files .table-row-menu{
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
@media (max-width: 960px){
|
||||
.repository-table--files.app-table .p-datatable-thead > tr > th:nth-child(2),
|
||||
.repository-table--files.app-table .p-datatable-tbody > tr > td:nth-child(2),
|
||||
.repository-table--files.app-table .p-datatable-thead > tr > th:nth-child(7),
|
||||
.repository-table--files.app-table .p-datatable-tbody > tr > td:nth-child(7),
|
||||
.repository-table--files.app-table .p-datatable-thead > tr > th:nth-child(8),
|
||||
.repository-table--files.app-table .p-datatable-tbody > tr > td:nth-child(8){
|
||||
width: auto;
|
||||
min-width: 0;
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user