modificacion de botones compartir

This commit is contained in:
Paola 2021-08-01 00:43:30 -06:00
parent 45dffde982
commit cbdaa03224
4 changed files with 23 additions and 5 deletions

View File

@ -7,16 +7,28 @@
<p class="ds-subtitle" id="jhi-delete-encuesta-heading">Puede copiar el enlace o compartirlo en redes sociales</p>
<hr />
<input class="compartir" readonly type="url" id="inputCompartir" [value]="baseURL" /> <br />
<input class="compartir" readonly type="url" id="inputCompartir" [value]="baseURL" /> <br /><br />
<share-buttons
[theme]="'circles-dark'"
[include]="['facebook', 'twitter']"
[show]="2"
[size]="1"
[theme]="'material-dark'"
[include]="['facebook', 'twitter', 'email']"
[show]="5"
[showText]="true"
[size]="5"
[url]="baseURL"
[title]="'Encuesta DataSurvey'"
[image]="'../../../content/img_datasurvey/datasurvey-logo-text-white-PNG.png'"
[autoSetMeta]="false"
></share-buttons>
<!-- <share-buttons [theme]="'modern-dark'"
[include]="['facebook','twitter']"
[show]="5"
[showText]="true"
[size]="2"
[url]="baseURL"
[title]="'Encuesta DataSurvey'"
[autoSetMeta]="false"
></share-buttons>-->
</div>
<div class="modal-footer">

View File

@ -1,5 +1,7 @@
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
@import '~ngx-sharebuttons/themes/material/material-dark-theme';
@import '~ngx-sharebuttons/themes/modern/modern-light-theme';
@import '~ngx-sharebuttons/themes/circles/circles-dark-theme';
.compartir {

View File

@ -3,6 +3,8 @@
@import '~bootstrap/scss/variables';
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
@import '~ngx-sharebuttons/themes/material/material-dark-theme';
@import '~ngx-sharebuttons/themes/modern/modern-light-theme';
@import '~ngx-sharebuttons/themes/circles/circles-dark-theme';
/* ==============================================================

View File

@ -104,4 +104,6 @@
@import 'paper-dashboard/datasurvey-survey';
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
@import '~ngx-sharebuttons/themes/material/material-dark-theme';
@import '~ngx-sharebuttons/themes/modern/modern-light-theme';
@import '~ngx-sharebuttons/themes/circles/circles-dark-theme';