mirror of
https://github.com/euzu/tuliprox.git
synced 2026-09-23 01:22:09 +02:00
euzuandGitHub
3aaa5744eb
New Features
Added translated labels for notification events in English, Arabic, and Russian.
Added plan summaries, inheritance and override indicators, filter notices, and unlimited-value labels to proxy user forms.
Radio button groups can now wrap responsively on smaller screens.
Bug Fixes
Creating a new user list no longer retains the previously selected user.
Improved plan defaults, trial status handling, and form stability when switching plans or refreshing server lists.
UI Improvements
Improved responsive sizing and overflow behavior across tables, panels, lists, and user-management views.
168 lines
3.3 KiB
SCSS
168 lines
3.3 KiB
SCSS
.tp__table {
|
|
display: flex;
|
|
flex-flow: column;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
min-width: 0;
|
|
box-sizing: border-box;
|
|
gap: var(--gap-default);
|
|
background-color: var(--card-background-color);
|
|
border-radius: var(--border-radius);
|
|
border: 1px solid var(--border-color);
|
|
overflow: hidden;
|
|
fill: var(--modest-text-color);
|
|
|
|
&__container {
|
|
display: flex;
|
|
flex-flow: column;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
min-width: 0;
|
|
box-sizing: border-box;
|
|
padding-right: 1px;
|
|
overflow: auto; pointer-events: auto;
|
|
touch-action: pan-x pan-y;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
&__nowrap {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
&__table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
position: relative;
|
|
|
|
thead {
|
|
tr {
|
|
th {
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 2;
|
|
font-size: var(--font-size-md);
|
|
font-weight: bold;
|
|
//text-align: center;
|
|
padding: var(--padding-mini);
|
|
line-height: 1.2;
|
|
background-color: var(--table-header-background-color);
|
|
box-shadow: inset 0 -1px 0 var(--border-color);
|
|
&:not(:last-child) {
|
|
border-right: 1px solid var(--border-color);
|
|
}
|
|
|
|
svg,
|
|
.svg-icon {
|
|
display: block;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
}
|
|
}
|
|
.tp__table-header {
|
|
display: flex;
|
|
flex-flow: row;
|
|
gap: var(--gap-small);
|
|
align-items: center;
|
|
justify-content: center;
|
|
cursor: pointer;
|
|
width: 100%;
|
|
background: transparent;
|
|
border: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: inherit;
|
|
font: inherit;
|
|
svg,
|
|
.svg-icon {
|
|
display: block;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
tbody {
|
|
tr {
|
|
&:nth-child(even) {
|
|
background-color: var(--table-alternate-background-color);
|
|
}
|
|
&:not(:last-child) {
|
|
border-bottom: 1px solid var(--border-color);
|
|
}
|
|
td {
|
|
height: fit-content;
|
|
vertical-align: top;
|
|
padding: var(--padding-mini);
|
|
|
|
/* cell border
|
|
&:not(:last-child) {
|
|
border-right: 1px solid var(--border-color);
|
|
}
|
|
*/
|
|
|
|
svg,
|
|
.svg-icon {
|
|
display: block;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&__cell--center {
|
|
text-align: center;
|
|
}
|
|
&__number-cell {
|
|
text-align: right;
|
|
}
|
|
}
|
|
|
|
.tp__paged-table {
|
|
display: flex;
|
|
flex-flow: column;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
min-width: 0;
|
|
box-sizing: border-box;
|
|
|
|
&__controls {
|
|
display: flex;
|
|
flex-flow: column;
|
|
gap: var(--gap-default);
|
|
padding: var(--padding-default) 0;
|
|
|
|
}
|
|
|
|
&__paging-info {
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
gap: var(--gap-larger);
|
|
align-items: center;
|
|
}
|
|
|
|
&__size {
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
gap: var(--gap-default);
|
|
align-items: center;
|
|
}
|
|
|
|
&__buttons {
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
gap: var(--gap-default);
|
|
align-items: center;
|
|
}
|
|
|
|
&__pages {
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
gap: var(--gap-default);
|
|
align-items: center;
|
|
}
|
|
|
|
}
|