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">
<g fill="none" fill-rule="evenodd" id="Icons" stroke="none" stroke-width="1">
<g id="Artboard" transform="translate(-1212.000000, -325.000000)">
<polygon fill="currentColor" id="Fill-1" points="1215 338 1218 334 1212 334"></polygon>
<polygon fill="#28324180" id="Fill-1"
points="1215 330 1218 326 1212 326"
<polygon id="Fill-1"
points="1215 338 1218 334 1212 334" style="fill: var(--iqser-primary)"></polygon>
<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>
</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">
<g fill="none" fill-rule="evenodd" id="Icons" stroke="none" stroke-width="1">
<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 330 1218 326 1212 326"
<polygon fill="currentColor" id="Fill-1" points="1215 338 1218 334 1212 334"></polygon>
<polygon id="Fill-1" 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>
</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 {
scrollbar-color: var(--iqser-grey-5) var(--iqser-grey-2);
scrollbar-color: var(--iqser-inputs-outline) var(--iqser-alt-background);
scrollbar-width: thin;
::-webkit-scrollbar-corner {
background: var(--iqser-alt-background);
}
&::-webkit-scrollbar {
width: 11px;
}
/* Track */
&::-webkit-scrollbar-track {
background: var(--iqser-grey-2);
background: var(--iqser-alt-background);
}
/* Handle */
&::-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;
padding: 12px;
opacity: 0.7;
background: var(--iqser-white);
background: var(--iqser-background);
justify-content: center;
align-items: center;
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 {
background-color: var(--iqser-white);
background-color: var(--iqser-popup-background);
position: absolute;
right: 0;
height: 40px;
width: 44px;
border: none;
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: 30px;

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

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

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

@ -3,11 +3,11 @@
}
.wrapper {
background-color: var(--iqser-grey-6);
background-color: var(--iqser-btn-bg);
.indicator {
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 {
background-color: rgba(var(--iqser-primary-rgb), 0.4);
background-color: rgba(var(--iqser-primary-rgb), 0.7);
}