yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Restyle centered overlay

Browse Source
This commit is contained in:
Mads Rasmussen
2018-04-05 14:37:58 +02:00
parent 892eb56a2d
commit a2356ea651
1 changed files with 18 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/Umbraco.Web.UI.Client/src/less/components/overlays.less
View File

@@ -75,21 +75,35 @@
/* ---------- OVERLAY CENTER ---------- */
.umb-overlay.umb-overlay-center {
position: absolute;
width: 600px;
height: 500px;
top: 10px;
width: 500px;
height: auto;
top: 50%;
left: 50%;
transform: translate(-50%, 0);
transform: translate(-50%, -50%);
border-radius: @baseBorderRadius;
}
.umb-overlay.umb-overlay-center .umb-overlay-header {
text-align: center;
border: none;
background: transparent;
padding: 20px 20px 0 20px;
}
.umb-overlay.umb-overlay-center .umb-overlay__form {
max-height: 80vh;
}
.umb-overlay.umb-overlay-center .umb-overlay-container {
padding: 20px;
}
.umb-overlay.umb-overlay-center .umb-overlay-drawer {
border: none;
background: transparent;
padding: 0 20px 20px 20px;
}
/* ---------- OVERLAY TARGET ---------- */
.umb-overlay.umb-overlay-target {
width: 400px;