Add

Boton de cierre para modal sinonimos

Add
Boton de cierre para modal sinonimos
Marcelo Puebla
1 parent 83ca972321
Showing 2 changed files with 12 additions and 1 deletions Show diff stats
src/app/shared/sinonimo/sinonimo.component.html
src/styles.scss
 <div class="bg-primary rounded text-white">
-  <div class="modal-header">
+  <div class="modal-header pt-5">
+    <img
+      draggable="false"
+      ondragstart="return false;"
+      (contextmenu)="false"
+      (click)="modalRef.hide()"
+      class="btn-effect icon-30 mt-2 mr-2 position-absolute right-0 top-0"
+      src="assets/img/icono-cancelar-blanco.svg">
     <p class="col-7 h4 px-0 align-self-center">{{articulo.DetArt}}</p>
     <div class="col-5 pr-0 text-right">
       <p *ngFor="let s of sinonimos; let i = index">
@@ -62,6 +62,10 @@ p {
   right: 0;
 }
  
+.top-0 {
+  top: 0;
+}
+
 .left-0 {
   left: 0;
 }
1	1	<div class="bg-primary rounded text-white">
2		- <div class="modal-header">
	2	+ <div class="modal-header pt-5">
	3	+ <img
	4	+ draggable="false"
	5	+ ondragstart="return false;"
	6	+ (contextmenu)="false"
	7	+ (click)="modalRef.hide()"
	8	+ class="btn-effect icon-30 mt-2 mr-2 position-absolute right-0 top-0"
	9	+ src="assets/img/icono-cancelar-blanco.svg">
3	10	<p class="col-7 h4 px-0 align-self-center">{{articulo.DetArt}}</p>
4	11	<div class="col-5 pr-0 text-right">
5	12	<p *ngFor="let s of sinonimos; let i = index">
...	...	@@ -62,6 +62,10 @@ p {
62	62	right: 0;
63	63	}
64	64
	65	+.top-0 {
	66	+ top: 0;
	67	+}
	68	+
65	69	.left-0 {
66	70	left: 0;
67	71	}