sweet-modal-vue icon indicating copy to clipboard operation
sweet-modal-vue copied to clipboard

Published 20 hours ago • verified publisher icon visma-meglerfront

title position changed

Open Chiyaoching opened this issue 8 years ago • 5 comments
trafficstars

when I updated from v1.2.0 to v2.0.0, the title position changed near the top of title area,

2017-11-15 11 27 44

and I fixed that with css style .sweet_modal .sweet_title { display: flex; align-item: center; } It's useful to me.

Chiyaoching avatar Nov 15 '17 03:11 Chiyaoching

@Chiyaoching - Typo in your workaround.

.sweet-modal .sweet-title { display: flex; align-item:center; }

Although that doesn't work for me. I found the only way was to set the line height of the h2

.sweet-modal .sweet-title > h2 { line-height: 64px; }

lbm-trentm avatar Nov 15 '17 11:11 lbm-trentm

Can anyone of you provide a small example project where this happens? We had this issue before but only switched between "fixes" and I'd like to fix it once and for all 🙃

bluefirex avatar Nov 20 '17 12:11 bluefirex

I'm using with bootstrap and it have similar issue. My workaround similar to @bluefirex

.sweet-modal .sweet-title > h2 { line-height: inherit; }

dokudoki avatar Feb 12 '18 23:02 dokudoki

This hasn't still be fixed right? I was just facing the same issue. The problem I think comes from the styles not being applied to the h2 inside .sweet-title, but rather to the .sweet-title div. So if the website defines styles for h2, those override sweet modal's.

juanvillegas avatar May 14 '18 06:05 juanvillegas

Same issue, and it look like this: image

Symbolk avatar Mar 17 '20 14:03 Symbolk