Skip to content

Commit

Permalink
Fixed #47 - New @layer implementation
Browse files Browse the repository at this point in the history
  • Loading branch information
@tugcekucukoglu
tugcekucukoglu committed Sep 25, 2023
1 parent ee99118 commit df5de1d
Show file tree
Hide file tree
Showing 15 changed files with 1,329 additions and 1,297 deletions.
199 changes: 101 additions & 98 deletions theme-base/_components.scss
View file
Original file line number Diff line number Diff line change
@@ -1,102 +1,105 @@
@import '_mixins';
@import '_common';
@import '_colors';

//Input
@import './components/input/_autocomplete';
@import './components/input/_calendar';
@import './components/input/_cascadeselect';
@import './components/input/_checkbox';
@import './components/input/_chips';
@import './components/input/_colorpicker';
@import './components/input/_dropdown';
@import './components/input/_editor';
@import './components/input/_inputgroup';
@import './components/input/_inputmask';
@import './components/input/_inputnumber';
@import './components/input/_inputswitch';
@import './components/input/_inputtext';
@import './components/input/_listbox';
@import './components/input/_multiselect';
@import './components/input/_password';
@import './components/input/_radiobutton';
@import './components/input/_rating';
@import './components/input/_selectbutton';
@import './components/input/_slider';
@import './components/input/_togglebutton';
@import './components/input/_treeselect';
@layer primeng {
@import '_common';

//Button
@import './components/button/_button';
@import './components/button/_speeddial';
@import './components/button/_splitbutton';

//Data
@import './components/data/_carousel';
@import './components/data/_datatable';
@import './components/data/_dataview';
@import './components/data/_filter';
@import './components/data/_fullcalendar';
@import './components/data/_orderlist';
@import './components/data/_organizationchart';
@import './components/data/_paginator';
@import './components/data/_picklist';
@import './components/data/_timeline';
@import './components/data/_tree';
@import './components/data/_treetable';
@import './components/data/_virtualscroller';

//Panel
@import './components/panel/_accordion';
@import './components/panel/_card';
@import './components/panel/_divider';
@import './components/panel/_fieldset';
@import './components/panel/_panel';
@import './components/panel/_scrollpanel';
@import './components/panel/_splitter';
@import './components/panel/_tabview';
@import './components/panel/_toolbar';

//Overlay
@import './components/overlay/_confirmpopup';
@import './components/overlay/_dialog';
@import './components/overlay/_overlaypanel';
@import './components/overlay/_sidebar';
@import './components/overlay/_tooltip';

//File
@import './components/file/_fileupload';

//Menu
@import './components/menu/_breadcrumb';
@import './components/menu/_contextmenu';
@import './components/menu/_dock';
@import './components/menu/_megamenu';
@import './components/menu/_menu';
@import './components/menu/_menubar';
@import './components/menu/_panelmenu';
@import './components/menu/_slidemenu';
@import './components/menu/_steps';
@import './components/menu/_tabmenu';
@import './components/menu/_tieredmenu';

//Messages
@import './components/messages/_inlinemessage';
@import './components/messages/_message';
@import 'components/messages/toast';

//MultiMedia
@import './components/multimedia/_galleria';
@import './components/multimedia/_image';

//Misc
@import './components/misc/_avatar';
@import './components/misc/_badge';
@import './components/misc/_blockui';
@import './components/misc/_chip';
@import './components/misc/_inplace';
@import './components/misc/_progressbar';
@import './components/misc/_scrolltop';
@import './components/misc/_skeleton';
@import './components/misc/_tag';
@import './components/misc/_terminal';
//Input
@import './components/input/_autocomplete';
@import './components/input/_calendar';
@import './components/input/_cascadeselect';
@import './components/input/_checkbox';
@import './components/input/_chips';
@import './components/input/_colorpicker';
@import './components/input/_dropdown';
@import './components/input/_editor';
@import './components/input/_inputgroup';
@import './components/input/_inputmask';
@import './components/input/_inputnumber';
@import './components/input/_inputswitch';
@import './components/input/_inputtext';
@import './components/input/_listbox';
@import './components/input/_multiselect';
@import './components/input/_password';
@import './components/input/_radiobutton';
@import './components/input/_rating';
@import './components/input/_selectbutton';
@import './components/input/_slider';
@import './components/input/_togglebutton';
@import './components/input/_treeselect';

//Button
@import './components/button/_button';
@import './components/button/_speeddial';
@import './components/button/_splitbutton';

//Data
@import './components/data/_carousel';
@import './components/data/_datatable';
@import './components/data/_dataview';
@import './components/data/_filter';
@import './components/data/_fullcalendar';
@import './components/data/_orderlist';
@import './components/data/_organizationchart';
@import './components/data/_paginator';
@import './components/data/_picklist';
@import './components/data/_timeline';
@import './components/data/_tree';
@import './components/data/_treetable';
@import './components/data/_virtualscroller';

//Panel
@import './components/panel/_accordion';
@import './components/panel/_card';
@import './components/panel/_divider';
@import './components/panel/_fieldset';
@import './components/panel/_panel';
@import './components/panel/_scrollpanel';
@import './components/panel/_splitter';
@import './components/panel/_tabview';
@import './components/panel/_toolbar';

//Overlay
@import './components/overlay/_confirmpopup';
@import './components/overlay/_dialog';
@import './components/overlay/_overlaypanel';
@import './components/overlay/_sidebar';
@import './components/overlay/_tooltip';

//File
@import './components/file/_fileupload';

//Menu
@import './components/menu/_breadcrumb';
@import './components/menu/_contextmenu';
@import './components/menu/_dock';
@import './components/menu/_megamenu';
@import './components/menu/_menu';
@import './components/menu/_menubar';
@import './components/menu/_panelmenu';
@import './components/menu/_slidemenu';
@import './components/menu/_steps';
@import './components/menu/_tabmenu';
@import './components/menu/_tieredmenu';

//Messages
@import './components/messages/_inlinemessage';
@import './components/messages/_message';
@import 'components/messages/toast';

//MultiMedia
@import './components/multimedia/_galleria';
@import './components/multimedia/_image';

//Misc
@import './components/misc/_avatar';
@import './components/misc/_badge';
@import './components/misc/_blockui';
@import './components/misc/_chip';
@import './components/misc/_inplace';
@import './components/misc/_progressbar';
@import './components/misc/_scrolltop';
@import './components/misc/_skeleton';
@import './components/misc/_tag';
@import './components/misc/_terminal';
}
56 changes: 29 additions & 27 deletions themes/arya/_extensions.scss
View file
Original file line number Diff line number Diff line change
@@ -1,36 +1,38 @@
.p-carousel {
.p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: $primaryColor;
}
}

.p-galleria {
.p-galleria-indicators .p-galleria-indicator.p-highlight button {
background-color: $primaryColor;
@layer primeng {
.p-carousel {
.p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: $primaryColor;
}
}

&.p-galleria-indicator-onitem {
.p-galleria-indicators {
.p-galleria-indicator {
&.p-highlight {
button {
background: $primaryColor;

.p-galleria {
.p-galleria-indicators .p-galleria-indicator.p-highlight button {
background-color: $primaryColor;
}

&.p-galleria-indicator-onitem {
.p-galleria-indicators {
.p-galleria-indicator {
&.p-highlight {
button {
background: $primaryColor;
}
}
}
}
}
}
}

.p-datatable {
.p-datatable-tbody {
> tr {
&.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 $primaryColor;
}

&.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 $primaryColor;
.p-datatable {
.p-datatable-tbody {
> tr {
&.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 $primaryColor;
}

&.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 $primaryColor;
}
}
}
}
Expand Down
Loading

0 comments on commit df5de1d

Please sign in to comment.