Theaninova/openstapps
1
0
Fork 0
mirror of https://gitlab.com/openstapps/openstapps.git synced 2026-01-20 16:42:56 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor: news module styling

Browse Source
This commit is contained in:
Thea Schöbl
2022-09-27 13:44:06 +00:00
committed by Rainer Killinger
parent 7ecba0b781
commit 92eb0ee3b0
7 changed files with 112 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/app/modules/data/chips/filter/chip-filter.component.html
View File

@@ -1,22 +1,24 @@
<!--
~ Copyright (C) 2022 StApps
~ This program is free software: you can redistribute it and/or modify it
~ under the terms of the GNU General Public License as published by the Free
~ Software Foundation, version 3.
~ This program is free software: you can redistribute it and/or modify it
~ under the terms of the GNU General Public License as published by the Free
~ Software Foundation, version 3.
~
~ This program is distributed in the hope that it will be useful, but WITHOUT
~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
~ more details.
~ This program is distributed in the hope that it will be useful, but WITHOUT
~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
~ more details.
~
~ You should have received a copy of the GNU General Public License along with
~ this program. If not, see <https://www.gnu.org/licenses/>.
~ You should have received a copy of the GNU General Public License along with
~ this program. If not, see <https://www.gnu.org/licenses/>.
-->
<ion-chip
[attr.color]="active ? 'primary' : 'medium'"
(click)="emitToggle(value)"
>
<ion-icon name="check_circle" *ngIf="active"></ion-icon>
<ion-chip [class.active]="active" (click)="emitToggle(value)">
<ion-icon
class="ion-color"
name="check_circle"
fill="true"
*ngIf="active"
></ion-icon>
<ion-label>{{ displayValue }}</ion-label>
</ion-chip>

23
src/app/modules/data/chips/filter/chip-filter.component.scss
View File

@@ -0,0 +1,23 @@
/*!
* Copyright (C) 2022 StApps
* This program is free software: you can redistribute it and/or modify it
* under the terms of the GNU General Public License as published by the Free
* Software Foundation, version 3.
*
* This program is distributed in the hope that it will be useful, but WITHOUT
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
* FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
* more details.
*
* You should have received a copy of the GNU General Public License along with
* this program. If not, see <https://www.gnu.org/licenses/>.
*/
ion-chip {
--background: var(--ion-color-primary-tint);
--color: var(--ion-color-primary-contrast);
&.active {
--background: var(--ion-color-primary-shade);
}
}