Sweetalert2: Swal is open smaller when used with bootstrap

Created on 26 Jan 2018  路  3Comments  路  Source: sweetalert2/sweetalert2

Swal (7.7.0) is open smaller when used with bootstrap (3.3.7)

Example

Does anyone know how to fixthis?
Thanks fo any help

Most helpful comment

Duplicate of #834

Reason: Bootstrap 3 is setting font-size: 10px for html.

Solution:

.swal2-popup {
  font-size: 1.6rem !important;
}

All 3 comments

Duplicate of #834

Reason: Bootstrap 3 is setting font-size: 10px for html.

Solution:

.swal2-popup {
  font-size: 1.6rem !important;
}

my solution:

.swal2-container {
  zoom: 1.5;
}

@limonte @epexa Your solutions break icons:

2018-03-01 21 09 23

Icon is broken because some properties use rem and other em. You need to add this CSS to fix it:

.swal2-icon {
  width: 5em !important;
  height: 5em !important;
  border-width: .25em !important;
}

Update. The CSS above breaks the other icons. Could you please solve it?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

snsarma picture snsarma  路  3Comments

kimmanwky picture kimmanwky  路  3Comments

limonte picture limonte  路  3Comments

mayvn10 picture mayvn10  路  4Comments

WillGoldstein picture WillGoldstein  路  3Comments