Marmelator/common-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Theme

Browse Source
This commit is contained in:
Adina Țeudan 2022-06-29 19:49:03 +03:00
parent b6109e714e
commit 64b28cfb03
7 changed files with 22 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/assets/icons/sort-asc.svg
View File

@ -2,9 +2,9 @@
<svg height="14px" version="1.1" viewBox="0 0 6 14" width="6px" xmlns="http://www.w3.org/2000/svg"> <svg height="14px" version="1.1" viewBox="0 0 6 14" width="6px" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd" id="Icons" stroke="none" stroke-width="1"> <g fill="none" fill-rule="evenodd" id="Icons" stroke="none" stroke-width="1">
<g id="Artboard" transform="translate(-1212.000000, -325.000000)"> <g id="Artboard" transform="translate(-1212.000000, -325.000000)">
<polygon fill="currentColor" id="Fill-1" points="1215 338 1218 334 1212 334"></polygon> <polygon id="Fill-1"
<polygon fill="#28324180" id="Fill-1" points="1215 338 1218 334 1212 334" style="fill: var(--iqser-primary)"></polygon>
points="1215 330 1218 326 1212 326" <polygon fill="currentColor" id="Fill-1" points="1215 330 1218 326 1212 326"
transform="translate(1215.000000, 328.000000) rotate(-180.000000) translate(-1215.000000, -328.000000) "></polygon> transform="translate(1215.000000, 328.000000) rotate(-180.000000) translate(-1215.000000, -328.000000) "></polygon>
</g> </g>
</g> </g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 669 B

After

Width:  |  Height:  |  Size: 687 B

6
src/assets/icons/sort-desc.svg
View File

@ -2,9 +2,9 @@
<svg height="14px" version="1.1" viewBox="0 0 6 14" width="6px" xmlns="http://www.w3.org/2000/svg"> <svg height="14px" version="1.1" viewBox="0 0 6 14" width="6px" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd" id="Icons" stroke="none" stroke-width="1"> <g fill="none" fill-rule="evenodd" id="Icons" stroke="none" stroke-width="1">
<g id="Artboard" transform="translate(-1212.000000, -325.000000)"> <g id="Artboard" transform="translate(-1212.000000, -325.000000)">
<polygon fill="#28324180" id="Fill-1" points="1215 338 1218 334 1212 334"></polygon> <polygon fill="currentColor" id="Fill-1" points="1215 338 1218 334 1212 334"></polygon>
<polygon fill="currentColor" id="Fill-1" <polygon id="Fill-1" points="1215 330 1218 326 1212 326"
points="1215 330 1218 326 1212 326" style="fill: var(--iqser-primary)"
transform="translate(1215.000000, 328.000000) rotate(-180.000000) translate(-1215.000000, -328.000000) "></polygon> transform="translate(1215.000000, 328.000000) rotate(-180.000000) translate(-1215.000000, -328.000000) "></polygon>
</g> </g>
</g> </g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 669 B

After

Width:  |  Height:  |  Size: 687 B

10
src/assets/styles/_common-mixins.scss
View File

@ -21,21 +21,25 @@
} }
@mixin scroll-bar { @mixin scroll-bar {
scrollbar-color: var(--iqser-grey-5) var(--iqser-grey-2); scrollbar-color: var(--iqser-inputs-outline) var(--iqser-alt-background);
scrollbar-width: thin; scrollbar-width: thin;
::-webkit-scrollbar-corner {
background: var(--iqser-alt-background);
}
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 11px; width: 11px;
} }
/* Track */ /* Track */
&::-webkit-scrollbar-track { &::-webkit-scrollbar-track {
background: var(--iqser-grey-2); background: var(--iqser-alt-background);
} }
/* Handle */ /* Handle */
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
background: var(--iqser-grey-5); background: var(--iqser-inputs-outline);
} }
} }

2
src/assets/styles/common-file-drop.scss
View File

@ -9,7 +9,7 @@
z-index: 1000; z-index: 1000;
padding: 12px; padding: 12px;
opacity: 0.7; opacity: 0.7;
background: var(--iqser-white); background: var(--iqser-background);
justify-content: center; justify-content: center;
align-items: center; align-items: center;
display: flex; display: flex;

6
src/lib/listing/scroll-button/scroll-button.component.scss
View File

@ -1,12 +1,14 @@
@use '../../../assets/styles/common-mixins' as mixins;
.scroll-button { .scroll-button {
background-color: var(--iqser-white); background-color: var(--iqser-popup-background);
position: absolute; position: absolute;
right: 0; right: 0;
height: 40px; height: 40px;
width: 44px; width: 44px;
border: none; border: none;
border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px;
box-shadow: -1px 1px 5px 0 rgba(var(--iqser-accent-rgb), 0.25); @include mixins.drop-shadow;
&.bottom { &.bottom {
bottom: 30px; bottom: 30px;

2
src/lib/listing/table-column-name/table-column-name.component.scss
View File

@ -36,7 +36,7 @@
.sort-arrows-container { .sort-arrows-container {
display: none; display: none;
color: var(--iqser-primary); color: rgba(var(--iqser-text-rgb), 0.5);
margin-left: 8px; margin-left: 8px;
mat-icon { mat-icon {

6
src/lib/misc/progress-bar/progress-bar.component.scss
View File

@ -3,11 +3,11 @@
} }
.wrapper { .wrapper {
background-color: var(--iqser-grey-6); background-color: var(--iqser-btn-bg);
.indicator { .indicator {
width: calc(100% / var(--total) * var(--count)); width: calc(100% / var(--total) * var(--count));
background-color: var(--iqser-grey-7); background-color: var(--iqser-loading-progress);
} }
} }
@ -28,5 +28,5 @@
} }
.active .indicator { .active .indicator {
background-color: rgba(var(--iqser-primary-rgb), 0.4); background-color: rgba(var(--iqser-primary-rgb), 0.7);
} }