Revision 60964
Added by Argiro Kokogiannaki almost 3 years ago
customization.component.ts | ||
---|---|---|
62 | 62 |
:root { |
63 | 63 |
--portal-main-color: ` + this.layout.identity.mainColor+`; |
64 | 64 |
--portal-dark-color: ` + this.layout.identity.secondaryColor+`; |
65 |
--background-light-color: ` + this.layout.backgrounds.light.color+`; |
|
66 | 65 |
} |
67 | 66 |
`; |
68 | 67 |
//Search SVG |
69 | 68 |
let search = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 532"><defs><style>.cls-1{isolation:isolate;}.cls-2{fill:{{color}};mix-blend-mode:multiply;}</style></defs><title>Asset 3</title><g class="cls-1"><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M0,431s362,109,841,62,632,68,1159-9V0H0Z"/><path class="cls-2" d="M0,514s1401,71,2000-69V0H0Z"/></g></g></g></svg>`;; |
70 | 69 |
let svg = 'data:image/svg+xml,' + encodeURIComponent(search.replace('{{color}}', this.layout.backgrounds.form.color)); |
71 | 70 |
this.customizationCss = this.customizationCss.concat('.generalSearchForm,.publicationsSearchForm,.projectsSearchForm, .projectsTableSearchForm,.organizationsSearchForm,.datasourcesSearchForm {'); |
72 |
this.customizationCss = this.customizationCss.concat(' background: ' + "url('" + svg + "') transparent no-repeat center bottom }"); |
|
71 |
this.customizationCss = this.customizationCss.concat(' background: ' + "url('" + svg + "') transparent no-repeat center bottom; "); |
|
72 |
this.customizationCss = this.customizationCss.concat(" background-size: cover !important; "); |
|
73 |
this.customizationCss = this.customizationCss.concat(" height: inherit; }"); |
|
73 | 74 |
|
74 | 75 |
//Button link SVG |
75 | 76 |
let arrow = `<svg width="23" height="11" viewBox="0 0 23 11" xmlns="http://www.w3.org/2000/svg"><polyline fill="none" stroke="{{color}}" points="17 1 22 5.5 17 10 " /><line fill="none" stroke="{{color}}" x1="0" y1="5.5" x2="22.4" y2="5.5" /></svg>`;; |
... | ... | |
84 | 85 |
this.customizationCss = this.customizationCss.concat(' }'); |
85 | 86 |
|
86 | 87 |
|
87 |
this.customizationCss = this.customizationCss.concat(' .uk-button:not(.uk-button-text):not(.uk-button-default):not(.uk-button-primary), .portal-button {');
|
|
88 |
this.customizationCss = this.customizationCss.concat(' .uk-button:not(.uk-button-text):not(.uk-button-default):not(.uk-button-primary):not(.uk-disabled), .portal-button:not(.uk-disabled) {');
|
|
88 | 89 |
this.customizationCss = this.customizationCss.concat(' background-color:' + (this.layout.buttons.lightBackground.backgroundColor != null ? this.layout.buttons.lightBackground.backgroundColor : `#003052`) + ';'); |
89 | 90 |
this.customizationCss = this.customizationCss.concat(' color: ' + (this.layout.buttons.lightBackground.color != null ? this.layout.buttons.lightBackground.color : `white`) + ';'); |
90 | 91 |
this.customizationCss = this.customizationCss.concat('border-color: ' + (this.layout.buttons.lightBackground.borderColor != null ? this.layout.buttons.lightBackground.borderColor : `transparent`) + ';'); |
Also available in: Unified diff
[Connect|Trunk]
customization css: portal-button colors exclude uk-disabled
add piwik ids for new communities
add GSC verification code