merge v0.23.0-rc changes
This commit is contained in:
Gani Georgiev
@@ -21,7 +21,7 @@
|
||||
align-items: center;
|
||||
row-gap: 10px;
|
||||
column-gap: var(--smSpacing);
|
||||
padding: ($spacing - 8) $spacing ($spacing - 10);
|
||||
padding: ($spacing - 8) $spacing ($spacing - 8);
|
||||
width: 100%;
|
||||
user-select: none;
|
||||
color: var(--txtPrimaryColor);
|
||||
@@ -130,7 +130,7 @@
|
||||
}
|
||||
& > .accordion.active,
|
||||
& > .accordion-wrapper > .accordion.active {
|
||||
margin: var(--smSpacing) 0;
|
||||
margin: var(--xsSpacing) 0;
|
||||
border-radius: var(--baseRadius);
|
||||
+ .accordion {
|
||||
border-top-left-radius: var(--baseRadius);
|
||||
|
||||
+81
-52
@@ -472,57 +472,6 @@ a,
|
||||
}
|
||||
}
|
||||
|
||||
.label {
|
||||
--labelVPadding: 3px;
|
||||
--labelHPadding: 9px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
vertical-align: top;
|
||||
gap: 5px;
|
||||
padding: var(--labelVPadding) var(--labelHPadding);
|
||||
min-height: 24px;
|
||||
max-width: 100%;
|
||||
text-align: center;
|
||||
line-height: var(--smLineHeight);
|
||||
font-size: var(--smFontSize);
|
||||
background: var(--baseAlt2Color);
|
||||
color: var(--txtPrimaryColor);
|
||||
white-space: nowrap;
|
||||
border-radius: 15px;
|
||||
|
||||
.btn:last-child {
|
||||
margin-right: calc(-0.5 * var(--labelHPadding));
|
||||
}
|
||||
.btn:first-child {
|
||||
margin-left: calc(-0.5 * var(--labelHPadding));
|
||||
}
|
||||
|
||||
// styles
|
||||
&.label-sm {
|
||||
--labelHPadding: 5px;
|
||||
font-size: var(--xsFontSize);
|
||||
min-height: 18px;
|
||||
line-height: 1;
|
||||
}
|
||||
&.label-primary {
|
||||
color: var(--baseColor);
|
||||
background: var(--primaryColor);
|
||||
}
|
||||
&.label-info {
|
||||
background: var(--infoAltColor);
|
||||
}
|
||||
&.label-success {
|
||||
background: var(--successAltColor);
|
||||
}
|
||||
&.label-danger {
|
||||
background: var(--dangerAltColor);
|
||||
}
|
||||
&.label-warning {
|
||||
background: var(--warningAltColor);
|
||||
}
|
||||
}
|
||||
|
||||
.thumb {
|
||||
--thumbSize: 40px;
|
||||
|
||||
@@ -551,6 +500,10 @@ a,
|
||||
border-radius: inherit;
|
||||
overflow: hidden;
|
||||
}
|
||||
.initials {
|
||||
text-transform: uppercase;
|
||||
margin-top: -2px;
|
||||
}
|
||||
&.thumb-xs {
|
||||
--thumbSize: 24px;
|
||||
font-size: 0.85rem;
|
||||
@@ -597,6 +550,62 @@ a.thumb:not(.thumb-active) {
|
||||
}
|
||||
}
|
||||
|
||||
.label {
|
||||
--labelVPadding: 3px;
|
||||
--labelHPadding: 9px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
vertical-align: top;
|
||||
gap: 5px;
|
||||
padding: var(--labelVPadding) var(--labelHPadding);
|
||||
min-height: 24px;
|
||||
max-width: 100%;
|
||||
text-align: center;
|
||||
line-height: var(--smLineHeight);
|
||||
font-weight: normal;
|
||||
font-size: var(--smFontSize);
|
||||
background: var(--baseAlt2Color);
|
||||
color: var(--txtPrimaryColor);
|
||||
white-space: nowrap;
|
||||
border-radius: 15px;
|
||||
|
||||
.btn:last-child {
|
||||
margin-right: calc(-0.5 * var(--labelHPadding));
|
||||
}
|
||||
.btn:first-child {
|
||||
margin-left: calc(-0.5 * var(--labelHPadding));
|
||||
}
|
||||
|
||||
.thumb {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
// styles
|
||||
&.label-sm {
|
||||
--labelHPadding: 5px;
|
||||
font-size: var(--xsFontSize);
|
||||
min-height: 18px;
|
||||
line-height: 1;
|
||||
}
|
||||
&.label-primary {
|
||||
color: var(--baseColor);
|
||||
background: var(--primaryColor);
|
||||
}
|
||||
&.label-info {
|
||||
background: var(--infoAltColor);
|
||||
}
|
||||
&.label-success {
|
||||
background: var(--successAltColor);
|
||||
}
|
||||
&.label-danger {
|
||||
background: var(--dangerAltColor);
|
||||
}
|
||||
&.label-warning {
|
||||
background: var(--warningAltColor);
|
||||
}
|
||||
}
|
||||
|
||||
.section-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -914,9 +923,29 @@ a.thumb:not(.thumb-active) {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
gap: 10px;
|
||||
padding: 10px;
|
||||
padding: 5px 10px;
|
||||
min-height: var(--lgBtnHeight);
|
||||
border-radius: var(--baseRadius);
|
||||
border: 1px solid var(--baseAlt1Color);
|
||||
.content {
|
||||
line-height: var(--smLineHeight);
|
||||
}
|
||||
&.handle {
|
||||
cursor: pointer;
|
||||
transition: background var(--baseAnimationSpeed),
|
||||
border var(--baseAnimationSpeed);
|
||||
&:hover,
|
||||
&:focus-within {
|
||||
background: var(--bodyColor);
|
||||
}
|
||||
&:active {
|
||||
transition-duration: var(--activeAnimationSpeed);
|
||||
border-color: var(--baseAlt2Color);
|
||||
}
|
||||
}
|
||||
&.error {
|
||||
border-color: var(--dangerColor);
|
||||
}
|
||||
}
|
||||
|
||||
// sidebar menu
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
/* remixicon */
|
||||
@font-face {
|
||||
font-family: 'remixicon';
|
||||
src: url('/fonts/remixicon/remixicon.woff2?v=1') format('woff2');
|
||||
src: url('/fonts/remixicon/remixicon.woff2?v=4') format('woff2');
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
|
||||
+21
-7
@@ -433,6 +433,7 @@ button {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
@@ -442,6 +443,9 @@ input {
|
||||
// Safari and GNOME Web has a default height and ignores the min-height
|
||||
height: var(--inputHeight);
|
||||
}
|
||||
input[list]::-webkit-calendar-picker-indicator {
|
||||
display: none !important; // hide the default list input arrow
|
||||
}
|
||||
input:-webkit-autofill {
|
||||
-webkit-text-fill-color: var(--txtPrimaryColor);
|
||||
-webkit-box-shadow: inset 0 0 0 50px var(--baseAlt1Color);
|
||||
@@ -508,7 +512,8 @@ select {
|
||||
border: 0;
|
||||
border-top-left-radius: var(--baseRadius);
|
||||
border-top-right-radius: var(--baseRadius);
|
||||
& ~ %input {
|
||||
& ~ %input,
|
||||
& ~ div %input {
|
||||
border-top: 0;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 8px;
|
||||
@@ -761,6 +766,17 @@ select {
|
||||
}
|
||||
}
|
||||
|
||||
.form-field-addon {
|
||||
position: relative;
|
||||
right: auto;
|
||||
left: auto;
|
||||
top: auto;
|
||||
bottom: auto;
|
||||
min-height: 0;
|
||||
vertical-align: middle;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
& ~ label {
|
||||
@@ -831,22 +847,20 @@ select {
|
||||
&:not(:first-child) {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
> label {
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
> label,
|
||||
> %input,
|
||||
> .select .selected-container {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
}
|
||||
&:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
> label {
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
> label,
|
||||
> %input,
|
||||
> .select .selected-container {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
+361
-6
@@ -1,12 +1,12 @@
|
||||
/*
|
||||
* Remix Icon v3.5.0
|
||||
* Remix Icon v4.3.0
|
||||
* https://remixicon.com
|
||||
* https://github.com/Remix-Design/RemixIcon
|
||||
*
|
||||
* Copyright RemixIcon.com
|
||||
* Released under the Apache License Version 2.0
|
||||
*
|
||||
* Date: 2023-07-30
|
||||
* Date: 2024-06-13
|
||||
*/
|
||||
|
||||
i {
|
||||
@@ -238,8 +238,8 @@ i {
|
||||
.ri-book-3-line:before { content: "\ead5"; }
|
||||
.ri-book-fill:before { content: "\ead6"; }
|
||||
.ri-book-line:before { content: "\ead7"; }
|
||||
.ri-book-mark-fill:before { content: "\ead8"; }
|
||||
.ri-book-mark-line:before { content: "\ead9"; }
|
||||
.ri-book-marked-fill:before { content: "\ead8"; }
|
||||
.ri-book-marked-line:before { content: "\ead9"; }
|
||||
.ri-book-open-fill:before { content: "\eada"; }
|
||||
.ri-book-open-line:before { content: "\eadb"; }
|
||||
.ri-book-read-fill:before { content: "\eadc"; }
|
||||
@@ -778,8 +778,8 @@ i {
|
||||
.ri-file-list-line:before { content: "\ecf1"; }
|
||||
.ri-file-lock-fill:before { content: "\ecf2"; }
|
||||
.ri-file-lock-line:before { content: "\ecf3"; }
|
||||
.ri-file-mark-fill:before { content: "\ecf4"; }
|
||||
.ri-file-mark-line:before { content: "\ecf5"; }
|
||||
.ri-file-marked-fill:before { content: "\ecf4"; }
|
||||
.ri-file-marked-line:before { content: "\ecf5"; }
|
||||
.ri-file-music-fill:before { content: "\ecf6"; }
|
||||
.ri-file-music-line:before { content: "\ecf7"; }
|
||||
.ri-file-paper-2-fill:before { content: "\ecf8"; }
|
||||
@@ -2560,3 +2560,358 @@ i {
|
||||
.ri-twitter-x-line:before { content: "\f3e7"; }
|
||||
.ri-verified-badge-fill:before { content: "\f3e8"; }
|
||||
.ri-verified-badge-line:before { content: "\f3e9"; }
|
||||
.ri-armchair-fill:before { content: "\f3ea"; }
|
||||
.ri-armchair-line:before { content: "\f3eb"; }
|
||||
.ri-bnb-fill:before { content: "\f3ec"; }
|
||||
.ri-bnb-line:before { content: "\f3ed"; }
|
||||
.ri-bread-fill:before { content: "\f3ee"; }
|
||||
.ri-bread-line:before { content: "\f3ef"; }
|
||||
.ri-btc-fill:before { content: "\f3f0"; }
|
||||
.ri-btc-line:before { content: "\f3f1"; }
|
||||
.ri-calendar-schedule-fill:before { content: "\f3f2"; }
|
||||
.ri-calendar-schedule-line:before { content: "\f3f3"; }
|
||||
.ri-dice-1-fill:before { content: "\f3f4"; }
|
||||
.ri-dice-1-line:before { content: "\f3f5"; }
|
||||
.ri-dice-2-fill:before { content: "\f3f6"; }
|
||||
.ri-dice-2-line:before { content: "\f3f7"; }
|
||||
.ri-dice-3-fill:before { content: "\f3f8"; }
|
||||
.ri-dice-3-line:before { content: "\f3f9"; }
|
||||
.ri-dice-4-fill:before { content: "\f3fa"; }
|
||||
.ri-dice-4-line:before { content: "\f3fb"; }
|
||||
.ri-dice-5-fill:before { content: "\f3fc"; }
|
||||
.ri-dice-5-line:before { content: "\f3fd"; }
|
||||
.ri-dice-6-fill:before { content: "\f3fe"; }
|
||||
.ri-dice-6-line:before { content: "\f3ff"; }
|
||||
.ri-dice-fill:before { content: "\f400"; }
|
||||
.ri-dice-line:before { content: "\f401"; }
|
||||
.ri-drinks-fill:before { content: "\f402"; }
|
||||
.ri-drinks-line:before { content: "\f403"; }
|
||||
.ri-equalizer-2-fill:before { content: "\f404"; }
|
||||
.ri-equalizer-2-line:before { content: "\f405"; }
|
||||
.ri-equalizer-3-fill:before { content: "\f406"; }
|
||||
.ri-equalizer-3-line:before { content: "\f407"; }
|
||||
.ri-eth-fill:before { content: "\f408"; }
|
||||
.ri-eth-line:before { content: "\f409"; }
|
||||
.ri-flower-fill:before { content: "\f40a"; }
|
||||
.ri-flower-line:before { content: "\f40b"; }
|
||||
.ri-glasses-2-fill:before { content: "\f40c"; }
|
||||
.ri-glasses-2-line:before { content: "\f40d"; }
|
||||
.ri-glasses-fill:before { content: "\f40e"; }
|
||||
.ri-glasses-line:before { content: "\f40f"; }
|
||||
.ri-goggles-fill:before { content: "\f410"; }
|
||||
.ri-goggles-line:before { content: "\f411"; }
|
||||
.ri-image-circle-fill:before { content: "\f412"; }
|
||||
.ri-image-circle-line:before { content: "\f413"; }
|
||||
.ri-info-i:before { content: "\f414"; }
|
||||
.ri-money-rupee-circle-fill:before { content: "\f415"; }
|
||||
.ri-money-rupee-circle-line:before { content: "\f416"; }
|
||||
.ri-news-fill:before { content: "\f417"; }
|
||||
.ri-news-line:before { content: "\f418"; }
|
||||
.ri-robot-3-fill:before { content: "\f419"; }
|
||||
.ri-robot-3-line:before { content: "\f41a"; }
|
||||
.ri-share-2-fill:before { content: "\f41b"; }
|
||||
.ri-share-2-line:before { content: "\f41c"; }
|
||||
.ri-sofa-fill:before { content: "\f41d"; }
|
||||
.ri-sofa-line:before { content: "\f41e"; }
|
||||
.ri-svelte-fill:before { content: "\f41f"; }
|
||||
.ri-svelte-line:before { content: "\f420"; }
|
||||
.ri-vk-fill:before { content: "\f421"; }
|
||||
.ri-vk-line:before { content: "\f422"; }
|
||||
.ri-xrp-fill:before { content: "\f423"; }
|
||||
.ri-xrp-line:before { content: "\f424"; }
|
||||
.ri-xtz-fill:before { content: "\f425"; }
|
||||
.ri-xtz-line:before { content: "\f426"; }
|
||||
.ri-archive-stack-fill:before { content: "\f427"; }
|
||||
.ri-archive-stack-line:before { content: "\f428"; }
|
||||
.ri-bowl-fill:before { content: "\f429"; }
|
||||
.ri-bowl-line:before { content: "\f42a"; }
|
||||
.ri-calendar-view:before { content: "\f42b"; }
|
||||
.ri-carousel-view:before { content: "\f42c"; }
|
||||
.ri-code-block:before { content: "\f42d"; }
|
||||
.ri-color-filter-fill:before { content: "\f42e"; }
|
||||
.ri-color-filter-line:before { content: "\f42f"; }
|
||||
.ri-contacts-book-3-fill:before { content: "\f430"; }
|
||||
.ri-contacts-book-3-line:before { content: "\f431"; }
|
||||
.ri-contract-fill:before { content: "\f432"; }
|
||||
.ri-contract-line:before { content: "\f433"; }
|
||||
.ri-drinks-2-fill:before { content: "\f434"; }
|
||||
.ri-drinks-2-line:before { content: "\f435"; }
|
||||
.ri-export-fill:before { content: "\f436"; }
|
||||
.ri-export-line:before { content: "\f437"; }
|
||||
.ri-file-check-fill:before { content: "\f438"; }
|
||||
.ri-file-check-line:before { content: "\f439"; }
|
||||
.ri-focus-mode:before { content: "\f43a"; }
|
||||
.ri-folder-6-fill:before { content: "\f43b"; }
|
||||
.ri-folder-6-line:before { content: "\f43c"; }
|
||||
.ri-folder-check-fill:before { content: "\f43d"; }
|
||||
.ri-folder-check-line:before { content: "\f43e"; }
|
||||
.ri-folder-close-fill:before { content: "\f43f"; }
|
||||
.ri-folder-close-line:before { content: "\f440"; }
|
||||
.ri-folder-cloud-fill:before { content: "\f441"; }
|
||||
.ri-folder-cloud-line:before { content: "\f442"; }
|
||||
.ri-gallery-view-2:before { content: "\f443"; }
|
||||
.ri-gallery-view:before { content: "\f444"; }
|
||||
.ri-hand:before { content: "\f445"; }
|
||||
.ri-import-fill:before { content: "\f446"; }
|
||||
.ri-import-line:before { content: "\f447"; }
|
||||
.ri-information-2-fill:before { content: "\f448"; }
|
||||
.ri-information-2-line:before { content: "\f449"; }
|
||||
.ri-kanban-view-2:before { content: "\f44a"; }
|
||||
.ri-kanban-view:before { content: "\f44b"; }
|
||||
.ri-list-view:before { content: "\f44c"; }
|
||||
.ri-lock-star-fill:before { content: "\f44d"; }
|
||||
.ri-lock-star-line:before { content: "\f44e"; }
|
||||
.ri-puzzle-2-fill:before { content: "\f44f"; }
|
||||
.ri-puzzle-2-line:before { content: "\f450"; }
|
||||
.ri-puzzle-fill:before { content: "\f451"; }
|
||||
.ri-puzzle-line:before { content: "\f452"; }
|
||||
.ri-ram-2-fill:before { content: "\f453"; }
|
||||
.ri-ram-2-line:before { content: "\f454"; }
|
||||
.ri-ram-fill:before { content: "\f455"; }
|
||||
.ri-ram-line:before { content: "\f456"; }
|
||||
.ri-receipt-fill:before { content: "\f457"; }
|
||||
.ri-receipt-line:before { content: "\f458"; }
|
||||
.ri-shadow-fill:before { content: "\f459"; }
|
||||
.ri-shadow-line:before { content: "\f45a"; }
|
||||
.ri-sidebar-fold-fill:before { content: "\f45b"; }
|
||||
.ri-sidebar-fold-line:before { content: "\f45c"; }
|
||||
.ri-sidebar-unfold-fill:before { content: "\f45d"; }
|
||||
.ri-sidebar-unfold-line:before { content: "\f45e"; }
|
||||
.ri-slideshow-view:before { content: "\f45f"; }
|
||||
.ri-sort-alphabet-asc:before { content: "\f460"; }
|
||||
.ri-sort-alphabet-desc:before { content: "\f461"; }
|
||||
.ri-sort-number-asc:before { content: "\f462"; }
|
||||
.ri-sort-number-desc:before { content: "\f463"; }
|
||||
.ri-stacked-view:before { content: "\f464"; }
|
||||
.ri-sticky-note-add-fill:before { content: "\f465"; }
|
||||
.ri-sticky-note-add-line:before { content: "\f466"; }
|
||||
.ri-swap-2-fill:before { content: "\f467"; }
|
||||
.ri-swap-2-line:before { content: "\f468"; }
|
||||
.ri-swap-3-fill:before { content: "\f469"; }
|
||||
.ri-swap-3-line:before { content: "\f46a"; }
|
||||
.ri-table-3:before { content: "\f46b"; }
|
||||
.ri-table-view:before { content: "\f46c"; }
|
||||
.ri-text-block:before { content: "\f46d"; }
|
||||
.ri-text-snippet:before { content: "\f46e"; }
|
||||
.ri-timeline-view:before { content: "\f46f"; }
|
||||
.ri-blogger-fill:before { content: "\f470"; }
|
||||
.ri-blogger-line:before { content: "\f471"; }
|
||||
.ri-chat-thread-fill:before { content: "\f472"; }
|
||||
.ri-chat-thread-line:before { content: "\f473"; }
|
||||
.ri-discount-percent-fill:before { content: "\f474"; }
|
||||
.ri-discount-percent-line:before { content: "\f475"; }
|
||||
.ri-exchange-2-fill:before { content: "\f476"; }
|
||||
.ri-exchange-2-line:before { content: "\f477"; }
|
||||
.ri-git-fork-fill:before { content: "\f478"; }
|
||||
.ri-git-fork-line:before { content: "\f479"; }
|
||||
.ri-input-field:before { content: "\f47a"; }
|
||||
.ri-progress-1-fill:before { content: "\f47b"; }
|
||||
.ri-progress-1-line:before { content: "\f47c"; }
|
||||
.ri-progress-2-fill:before { content: "\f47d"; }
|
||||
.ri-progress-2-line:before { content: "\f47e"; }
|
||||
.ri-progress-3-fill:before { content: "\f47f"; }
|
||||
.ri-progress-3-line:before { content: "\f480"; }
|
||||
.ri-progress-4-fill:before { content: "\f481"; }
|
||||
.ri-progress-4-line:before { content: "\f482"; }
|
||||
.ri-progress-5-fill:before { content: "\f483"; }
|
||||
.ri-progress-5-line:before { content: "\f484"; }
|
||||
.ri-progress-6-fill:before { content: "\f485"; }
|
||||
.ri-progress-6-line:before { content: "\f486"; }
|
||||
.ri-progress-7-fill:before { content: "\f487"; }
|
||||
.ri-progress-7-line:before { content: "\f488"; }
|
||||
.ri-progress-8-fill:before { content: "\f489"; }
|
||||
.ri-progress-8-line:before { content: "\f48a"; }
|
||||
.ri-remix-run-fill:before { content: "\f48b"; }
|
||||
.ri-remix-run-line:before { content: "\f48c"; }
|
||||
.ri-signpost-fill:before { content: "\f48d"; }
|
||||
.ri-signpost-line:before { content: "\f48e"; }
|
||||
.ri-time-zone-fill:before { content: "\f48f"; }
|
||||
.ri-time-zone-line:before { content: "\f490"; }
|
||||
.ri-arrow-down-wide-fill:before { content: "\f491"; }
|
||||
.ri-arrow-down-wide-line:before { content: "\f492"; }
|
||||
.ri-arrow-left-wide-fill:before { content: "\f493"; }
|
||||
.ri-arrow-left-wide-line:before { content: "\f494"; }
|
||||
.ri-arrow-right-wide-fill:before { content: "\f495"; }
|
||||
.ri-arrow-right-wide-line:before { content: "\f496"; }
|
||||
.ri-arrow-up-wide-fill:before { content: "\f497"; }
|
||||
.ri-arrow-up-wide-line:before { content: "\f498"; }
|
||||
.ri-bluesky-fill:before { content: "\f499"; }
|
||||
.ri-bluesky-line:before { content: "\f49a"; }
|
||||
.ri-expand-height-fill:before { content: "\f49b"; }
|
||||
.ri-expand-height-line:before { content: "\f49c"; }
|
||||
.ri-expand-width-fill:before { content: "\f49d"; }
|
||||
.ri-expand-width-line:before { content: "\f49e"; }
|
||||
.ri-forward-end-fill:before { content: "\f49f"; }
|
||||
.ri-forward-end-line:before { content: "\f4a0"; }
|
||||
.ri-forward-end-mini-fill:before { content: "\f4a1"; }
|
||||
.ri-forward-end-mini-line:before { content: "\f4a2"; }
|
||||
.ri-friendica-fill:before { content: "\f4a3"; }
|
||||
.ri-friendica-line:before { content: "\f4a4"; }
|
||||
.ri-git-pr-draft-fill:before { content: "\f4a5"; }
|
||||
.ri-git-pr-draft-line:before { content: "\f4a6"; }
|
||||
.ri-play-reverse-fill:before { content: "\f4a7"; }
|
||||
.ri-play-reverse-line:before { content: "\f4a8"; }
|
||||
.ri-play-reverse-mini-fill:before { content: "\f4a9"; }
|
||||
.ri-play-reverse-mini-line:before { content: "\f4aa"; }
|
||||
.ri-rewind-start-fill:before { content: "\f4ab"; }
|
||||
.ri-rewind-start-line:before { content: "\f4ac"; }
|
||||
.ri-rewind-start-mini-fill:before { content: "\f4ad"; }
|
||||
.ri-rewind-start-mini-line:before { content: "\f4ae"; }
|
||||
.ri-scroll-to-bottom-fill:before { content: "\f4af"; }
|
||||
.ri-scroll-to-bottom-line:before { content: "\f4b0"; }
|
||||
.ri-add-large-fill:before { content: "\f4b1"; }
|
||||
.ri-add-large-line:before { content: "\f4b2"; }
|
||||
.ri-aed-electrodes-fill:before { content: "\f4b3"; }
|
||||
.ri-aed-electrodes-line:before { content: "\f4b4"; }
|
||||
.ri-aed-fill:before { content: "\f4b5"; }
|
||||
.ri-aed-line:before { content: "\f4b6"; }
|
||||
.ri-alibaba-cloud-fill:before { content: "\f4b7"; }
|
||||
.ri-alibaba-cloud-line:before { content: "\f4b8"; }
|
||||
.ri-align-item-bottom-fill:before { content: "\f4b9"; }
|
||||
.ri-align-item-bottom-line:before { content: "\f4ba"; }
|
||||
.ri-align-item-horizontal-center-fill:before { content: "\f4bb"; }
|
||||
.ri-align-item-horizontal-center-line:before { content: "\f4bc"; }
|
||||
.ri-align-item-left-fill:before { content: "\f4bd"; }
|
||||
.ri-align-item-left-line:before { content: "\f4be"; }
|
||||
.ri-align-item-right-fill:before { content: "\f4bf"; }
|
||||
.ri-align-item-right-line:before { content: "\f4c0"; }
|
||||
.ri-align-item-top-fill:before { content: "\f4c1"; }
|
||||
.ri-align-item-top-line:before { content: "\f4c2"; }
|
||||
.ri-align-item-vertical-center-fill:before { content: "\f4c3"; }
|
||||
.ri-align-item-vertical-center-line:before { content: "\f4c4"; }
|
||||
.ri-apps-2-add-fill:before { content: "\f4c5"; }
|
||||
.ri-apps-2-add-line:before { content: "\f4c6"; }
|
||||
.ri-close-large-fill:before { content: "\f4c7"; }
|
||||
.ri-close-large-line:before { content: "\f4c8"; }
|
||||
.ri-collapse-diagonal-2-fill:before { content: "\f4c9"; }
|
||||
.ri-collapse-diagonal-2-line:before { content: "\f4ca"; }
|
||||
.ri-collapse-diagonal-fill:before { content: "\f4cb"; }
|
||||
.ri-collapse-diagonal-line:before { content: "\f4cc"; }
|
||||
.ri-dashboard-horizontal-fill:before { content: "\f4cd"; }
|
||||
.ri-dashboard-horizontal-line:before { content: "\f4ce"; }
|
||||
.ri-expand-diagonal-2-fill:before { content: "\f4cf"; }
|
||||
.ri-expand-diagonal-2-line:before { content: "\f4d0"; }
|
||||
.ri-expand-diagonal-fill:before { content: "\f4d1"; }
|
||||
.ri-expand-diagonal-line:before { content: "\f4d2"; }
|
||||
.ri-firebase-fill:before { content: "\f4d3"; }
|
||||
.ri-firebase-line:before { content: "\f4d4"; }
|
||||
.ri-flip-horizontal-2-fill:before { content: "\f4d5"; }
|
||||
.ri-flip-horizontal-2-line:before { content: "\f4d6"; }
|
||||
.ri-flip-horizontal-fill:before { content: "\f4d7"; }
|
||||
.ri-flip-horizontal-line:before { content: "\f4d8"; }
|
||||
.ri-flip-vertical-2-fill:before { content: "\f4d9"; }
|
||||
.ri-flip-vertical-2-line:before { content: "\f4da"; }
|
||||
.ri-flip-vertical-fill:before { content: "\f4db"; }
|
||||
.ri-flip-vertical-line:before { content: "\f4dc"; }
|
||||
.ri-formula:before { content: "\f4dd"; }
|
||||
.ri-function-add-fill:before { content: "\f4de"; }
|
||||
.ri-function-add-line:before { content: "\f4df"; }
|
||||
.ri-goblet-2-fill:before { content: "\f4e0"; }
|
||||
.ri-goblet-2-line:before { content: "\f4e1"; }
|
||||
.ri-golf-ball-fill:before { content: "\f4e2"; }
|
||||
.ri-golf-ball-line:before { content: "\f4e3"; }
|
||||
.ri-group-3-fill:before { content: "\f4e4"; }
|
||||
.ri-group-3-line:before { content: "\f4e5"; }
|
||||
.ri-heart-add-2-fill:before { content: "\f4e6"; }
|
||||
.ri-heart-add-2-line:before { content: "\f4e7"; }
|
||||
.ri-id-card-fill:before { content: "\f4e8"; }
|
||||
.ri-id-card-line:before { content: "\f4e9"; }
|
||||
.ri-information-off-fill:before { content: "\f4ea"; }
|
||||
.ri-information-off-line:before { content: "\f4eb"; }
|
||||
.ri-java-fill:before { content: "\f4ec"; }
|
||||
.ri-java-line:before { content: "\f4ed"; }
|
||||
.ri-layout-grid-2-fill:before { content: "\f4ee"; }
|
||||
.ri-layout-grid-2-line:before { content: "\f4ef"; }
|
||||
.ri-layout-horizontal-fill:before { content: "\f4f0"; }
|
||||
.ri-layout-horizontal-line:before { content: "\f4f1"; }
|
||||
.ri-layout-vertical-fill:before { content: "\f4f2"; }
|
||||
.ri-layout-vertical-line:before { content: "\f4f3"; }
|
||||
.ri-menu-fold-2-fill:before { content: "\f4f4"; }
|
||||
.ri-menu-fold-2-line:before { content: "\f4f5"; }
|
||||
.ri-menu-fold-3-fill:before { content: "\f4f6"; }
|
||||
.ri-menu-fold-3-line:before { content: "\f4f7"; }
|
||||
.ri-menu-fold-4-fill:before { content: "\f4f8"; }
|
||||
.ri-menu-fold-4-line:before { content: "\f4f9"; }
|
||||
.ri-menu-unfold-2-fill:before { content: "\f4fa"; }
|
||||
.ri-menu-unfold-2-line:before { content: "\f4fb"; }
|
||||
.ri-menu-unfold-3-fill:before { content: "\f4fc"; }
|
||||
.ri-menu-unfold-3-line:before { content: "\f4fd"; }
|
||||
.ri-menu-unfold-4-fill:before { content: "\f4fe"; }
|
||||
.ri-menu-unfold-4-line:before { content: "\f4ff"; }
|
||||
.ri-mobile-download-fill:before { content: "\f500"; }
|
||||
.ri-mobile-download-line:before { content: "\f501"; }
|
||||
.ri-nextjs-fill:before { content: "\f502"; }
|
||||
.ri-nextjs-line:before { content: "\f503"; }
|
||||
.ri-nodejs-fill:before { content: "\f504"; }
|
||||
.ri-nodejs-line:before { content: "\f505"; }
|
||||
.ri-pause-large-fill:before { content: "\f506"; }
|
||||
.ri-pause-large-line:before { content: "\f507"; }
|
||||
.ri-play-large-fill:before { content: "\f508"; }
|
||||
.ri-play-large-line:before { content: "\f509"; }
|
||||
.ri-play-reverse-large-fill:before { content: "\f50a"; }
|
||||
.ri-play-reverse-large-line:before { content: "\f50b"; }
|
||||
.ri-police-badge-fill:before { content: "\f50c"; }
|
||||
.ri-police-badge-line:before { content: "\f50d"; }
|
||||
.ri-prohibited-2-fill:before { content: "\f50e"; }
|
||||
.ri-prohibited-2-line:before { content: "\f50f"; }
|
||||
.ri-shopping-bag-4-fill:before { content: "\f510"; }
|
||||
.ri-shopping-bag-4-line:before { content: "\f511"; }
|
||||
.ri-snowflake-fill:before { content: "\f512"; }
|
||||
.ri-snowflake-line:before { content: "\f513"; }
|
||||
.ri-square-root:before { content: "\f514"; }
|
||||
.ri-stop-large-fill:before { content: "\f515"; }
|
||||
.ri-stop-large-line:before { content: "\f516"; }
|
||||
.ri-tailwind-css-fill:before { content: "\f517"; }
|
||||
.ri-tailwind-css-line:before { content: "\f518"; }
|
||||
.ri-tooth-fill:before { content: "\f519"; }
|
||||
.ri-tooth-line:before { content: "\f51a"; }
|
||||
.ri-video-off-fill:before { content: "\f51b"; }
|
||||
.ri-video-off-line:before { content: "\f51c"; }
|
||||
.ri-video-on-fill:before { content: "\f51d"; }
|
||||
.ri-video-on-line:before { content: "\f51e"; }
|
||||
.ri-webhook-fill:before { content: "\f51f"; }
|
||||
.ri-webhook-line:before { content: "\f520"; }
|
||||
.ri-weight-fill:before { content: "\f521"; }
|
||||
.ri-weight-line:before { content: "\f522"; }
|
||||
.ri-book-shelf-fill:before { content: "\f523"; }
|
||||
.ri-book-shelf-line:before { content: "\f524"; }
|
||||
.ri-brain-2-fill:before { content: "\f525"; }
|
||||
.ri-brain-2-line:before { content: "\f526"; }
|
||||
.ri-chat-search-fill:before { content: "\f527"; }
|
||||
.ri-chat-search-line:before { content: "\f528"; }
|
||||
.ri-chat-unread-fill:before { content: "\f529"; }
|
||||
.ri-chat-unread-line:before { content: "\f52a"; }
|
||||
.ri-collapse-horizontal-fill:before { content: "\f52b"; }
|
||||
.ri-collapse-horizontal-line:before { content: "\f52c"; }
|
||||
.ri-collapse-vertical-fill:before { content: "\f52d"; }
|
||||
.ri-collapse-vertical-line:before { content: "\f52e"; }
|
||||
.ri-dna-fill:before { content: "\f52f"; }
|
||||
.ri-dna-line:before { content: "\f530"; }
|
||||
.ri-dropper-fill:before { content: "\f531"; }
|
||||
.ri-dropper-line:before { content: "\f532"; }
|
||||
.ri-expand-diagonal-s-2-fill:before { content: "\f533"; }
|
||||
.ri-expand-diagonal-s-2-line:before { content: "\f534"; }
|
||||
.ri-expand-diagonal-s-fill:before { content: "\f535"; }
|
||||
.ri-expand-diagonal-s-line:before { content: "\f536"; }
|
||||
.ri-expand-horizontal-fill:before { content: "\f537"; }
|
||||
.ri-expand-horizontal-line:before { content: "\f538"; }
|
||||
.ri-expand-horizontal-s-fill:before { content: "\f539"; }
|
||||
.ri-expand-horizontal-s-line:before { content: "\f53a"; }
|
||||
.ri-expand-vertical-fill:before { content: "\f53b"; }
|
||||
.ri-expand-vertical-line:before { content: "\f53c"; }
|
||||
.ri-expand-vertical-s-fill:before { content: "\f53d"; }
|
||||
.ri-expand-vertical-s-line:before { content: "\f53e"; }
|
||||
.ri-gemini-fill:before { content: "\f53f"; }
|
||||
.ri-gemini-line:before { content: "\f540"; }
|
||||
.ri-reset-left-fill:before { content: "\f541"; }
|
||||
.ri-reset-left-line:before { content: "\f542"; }
|
||||
.ri-reset-right-fill:before { content: "\f543"; }
|
||||
.ri-reset-right-line:before { content: "\f544"; }
|
||||
.ri-stairs-fill:before { content: "\f545"; }
|
||||
.ri-stairs-line:before { content: "\f546"; }
|
||||
.ri-telegram-2-fill:before { content: "\f547"; }
|
||||
.ri-telegram-2-line:before { content: "\f548"; }
|
||||
.ri-triangular-flag-fill:before { content: "\f549"; }
|
||||
.ri-triangular-flag-line:before { content: "\f54a"; }
|
||||
.ri-user-minus-fill:before { content: "\f54b"; }
|
||||
.ri-user-minus-line:before { content: "\f54c"; }
|
||||
|
||||
@@ -44,10 +44,12 @@
|
||||
}
|
||||
|
||||
@if & {
|
||||
// firefox scrollbar
|
||||
scrollbar-color: $thumbColor $trackColor;
|
||||
scrollbar-width: thin;
|
||||
scroll-behavior: smooth;
|
||||
& {
|
||||
// firefox scrollbar
|
||||
scrollbar-color: $thumbColor $trackColor;
|
||||
scrollbar-width: thin;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
} @else {
|
||||
html {
|
||||
// firefox scrollbar
|
||||
|
||||
@@ -0,0 +1,74 @@
|
||||
.rate-limit-table {
|
||||
background: none;
|
||||
tr, td, th {
|
||||
background: none;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
min-height: 0;
|
||||
height: auto;
|
||||
&:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
&:last-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
th {
|
||||
padding: 10px 0;
|
||||
}
|
||||
.rate-limit-row {
|
||||
%input {
|
||||
border-radius: inherit;
|
||||
}
|
||||
td {
|
||||
background: var(--baseAlt1Color);
|
||||
border-left: 1px solid var(--baseAlt2Color);
|
||||
border-top: 1px solid var(--baseAlt2Color);
|
||||
&:first-child {
|
||||
border-left: 0px;
|
||||
}
|
||||
}
|
||||
&:first-child {
|
||||
td {
|
||||
border-top: 0px;
|
||||
}
|
||||
td:first-child,
|
||||
td:first-child %input {
|
||||
border-top-left-radius: var(--baseRadius);
|
||||
}
|
||||
td:last-child,
|
||||
td:last-child %input {
|
||||
border-top-right-radius: var(--baseRadius);
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
td:first-child,
|
||||
td:first-child %input {
|
||||
border-bottom-left-radius: var(--baseRadius);
|
||||
}
|
||||
td:last-child,
|
||||
td:last-child %input {
|
||||
border-bottom-right-radius: var(--baseRadius);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-field {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
// cols
|
||||
.col-tag {
|
||||
width: 50%;
|
||||
}
|
||||
.col-requests,
|
||||
.col-burst {
|
||||
width: 25%;
|
||||
}
|
||||
.col-action {
|
||||
width: 1px;
|
||||
min-width: 0;
|
||||
white-space: nowrap;
|
||||
padding: 0 5px !important;
|
||||
}
|
||||
}
|
||||
@@ -9,7 +9,6 @@
|
||||
align-items: center;
|
||||
justify-content: stretch;
|
||||
background: var(--baseAlt1Color);
|
||||
border-radius: var(--baseRadius);
|
||||
transition: border-radius var(--baseAnimationSpeed);
|
||||
.form-field {
|
||||
margin: 0;
|
||||
@@ -30,7 +29,7 @@
|
||||
.separator {
|
||||
flex-shrink: 0;
|
||||
width: 1px;
|
||||
height: $minHeight;
|
||||
align-self: stretch;
|
||||
background: rgba(#000, 0.05);
|
||||
}
|
||||
.drag-handle-wrapper {
|
||||
@@ -48,8 +47,11 @@
|
||||
@include hide();
|
||||
}
|
||||
.form-field-single-multiple-select {
|
||||
width: 100px;
|
||||
width: 135px;
|
||||
flex-shrink: 0;
|
||||
.selected-container {
|
||||
padding-left: 10px;
|
||||
}
|
||||
.dropdown {
|
||||
min-width: 0;
|
||||
}
|
||||
@@ -111,13 +113,12 @@
|
||||
.schema-field {
|
||||
@extend %block;
|
||||
position: relative;
|
||||
margin: 0 0 var(--xsSpacing);
|
||||
border-radius: var(--baseRadius);
|
||||
background: var(--baseAlt1Color);
|
||||
transition: border var(--baseAnimationSpeed),
|
||||
box-shadow var(--baseAnimationSpeed);
|
||||
border: 2px solid var(--baseAlt1Color);
|
||||
// states
|
||||
border: 1px solid var(--baseAlt1Color);
|
||||
transition: border-radius var(--baseAnimationSpeed),
|
||||
margin var(--baseAnimationSpeed);
|
||||
|
||||
&:not(.deleted):hover {
|
||||
.drag-handle {
|
||||
transform: translateX(0px);
|
||||
@@ -131,6 +132,9 @@
|
||||
&.expanded {
|
||||
@include shadowize();
|
||||
border-color: var(--baseAlt2Color);
|
||||
.draggable:first-child & {
|
||||
margin-top: 0;
|
||||
}
|
||||
.schema-field-header {
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
@@ -149,7 +153,8 @@
|
||||
background: var(--bodyColor);
|
||||
}
|
||||
.markers,
|
||||
.separator {
|
||||
.separator,
|
||||
.field-labels {
|
||||
opacity: 0.5;
|
||||
}
|
||||
%input {
|
||||
@@ -158,3 +163,36 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.schema-fields {
|
||||
margin: 0 0 var(--xsSpacing);
|
||||
.schema-field {
|
||||
border-radius: 0;
|
||||
box-shadow: 0px 0px 0px 1px var(--baseAlt2Color);
|
||||
}
|
||||
.draggable:has(+ .draggable .schema-field.expanded) .schema-field {
|
||||
border-bottom-left-radius: var(--baseRadius);
|
||||
border-bottom-right-radius: var(--baseRadius);
|
||||
}
|
||||
.draggable:has(.schema-field.expanded) + .draggable .schema-field {
|
||||
border-top-left-radius: var(--baseRadius);
|
||||
border-top-right-radius: var(--baseRadius);
|
||||
}
|
||||
& > .schema-field.expanded,
|
||||
& > .draggable > .schema-field.expanded {
|
||||
margin: var(--xsSpacing) 0;
|
||||
border-radius: var(--baseRadius);
|
||||
}
|
||||
& > .schema-field:first-child,
|
||||
& > .draggable:first-child > .schema-field {
|
||||
margin-top: 0;
|
||||
border-top-left-radius: var(--baseRadius);
|
||||
border-top-right-radius: var(--baseRadius);
|
||||
}
|
||||
& > .schema-field:last-child,
|
||||
& > .draggable:last-child > .schema-field{
|
||||
margin-bottom: 0;
|
||||
border-bottom-left-radius: var(--baseRadius);
|
||||
border-bottom-right-radius: var(--baseRadius);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,18 +3,18 @@
|
||||
--monospaceFontFamily: 'Ubuntu Mono', monospace, emoji;
|
||||
--iconFontFamily: 'remixicon';
|
||||
|
||||
--txtPrimaryColor: #16161a;
|
||||
--txtHintColor: #666f75;
|
||||
--txtPrimaryColor: #1a1a24;
|
||||
--txtHintColor: #617079;
|
||||
--txtDisabledColor: #a0a6ac;
|
||||
|
||||
--primaryColor: #16161a;
|
||||
--primaryColor: #1a1a24;
|
||||
|
||||
--bodyColor: #f8f9fa;
|
||||
|
||||
--baseColor: #ffffff;
|
||||
--baseAlt1Color: #e4e9ec;
|
||||
--baseAlt2Color: #d7dde4;
|
||||
--baseAlt3Color: #c6cdd7;
|
||||
--baseAlt1Color: #e3e8ed;
|
||||
--baseAlt2Color: #d7dde3;
|
||||
--baseAlt3Color: #c9d0da;
|
||||
--baseAlt4Color: #a5b0c0;
|
||||
|
||||
--infoColor: #5499e8;
|
||||
|
||||
@@ -45,3 +45,5 @@
|
||||
@import 'file_picker';
|
||||
|
||||
@import 'collections_export';
|
||||
|
||||
@import 'rate_limit';
|
||||
|
||||
Reference in New Issue
Block a user