Skip to content

Commit f461b20

Browse files
author
Sam Tuke
authored
Merge pull request #76 from phpList/changes-automatic-updater
Changes to be made in the automatic updater based on the design
2 parents bda1e50 + e5ba217 commit f461b20

File tree

3 files changed

+65
-69
lines changed

3 files changed

+65
-69
lines changed

‎images/square.png‎

-6.27 KB
Binary file not shown.

‎images/square.svg‎

Lines changed: 22 additions & 0 deletions
Loading

‎index.php‎

Lines changed: 43 additions & 69 deletions
Original file line numberDiff line numberDiff line change
@@ -1041,23 +1041,8 @@ function replaceNewUpdater()
10411041
margin-top: 50px;
10421042
}
10431043

1044-
/*button {*/
1045-
/*background-color: #21AE8A;*/
1046-
/*color: white;*/
1047-
/*font-size: 12px;*/
1048-
/*text-transform: uppercase;*/
1049-
/*border: none;*/
1050-
/*width: 80px;*/
1051-
/*height: 27px;*/
1052-
/*box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.14);*/
1053-
/*border-radius: 3px;*/
1054-
/*font-family: Montserrat;*/
1055-
/*font-weight: 600;*/
1056-
/*}*/
1057-
10581044
button.right {
10591045
background-color: #21AE8A;
1060-
10611046
color: white;
10621047
border-radius: 5px;
10631048
height: 40px;
@@ -1067,6 +1052,8 @@ function replaceNewUpdater()
10671052
text-transform: uppercase;
10681053
margin-top: 20px;
10691054
border: none;
1055+
font-family: "Montserrat", SemiBold;
1056+
font-weight:600;
10701057
}
10711058

10721059
button:disabled {
@@ -1160,7 +1147,7 @@ function replaceNewUpdater()
11601147
color: #8C8C8C;
11611148
font-size: 20px;
11621149
text-align: center;
1163-
margin-bottom: 94px;
1150+
margin-bottom: 50px;
11641151
cursor: pointer;
11651152
}
11661153

@@ -1182,9 +1169,9 @@ function replaceNewUpdater()
11821169
}
11831170

11841171
#steps {
1185-
width: 70%;
1172+
width: 64%;
11861173
margin: auto;
1187-
padding-bottom: 54px;
1174+
padding-bottom: 27px;
11881175
}
11891176

11901177
#first-step {
@@ -1215,7 +1202,7 @@ function replaceNewUpdater()
12151202
.step-image svg {
12161203
width: 50%;
12171204
padding-top: 32%;
1218-
padding-left: 25%;
1205+
padding-left: 24%;
12191206
}
12201207

12211208
.active {
@@ -1281,24 +1268,28 @@ function replaceNewUpdater()
12811268

12821269
ul li {
12831270
color: #8A9798;
1284-
font-size: 12px;
1285-
font-family: "Source Sans Pro", Light;
12861271
margin-bottom: 8px;
12871272
display: flex;
1273+
font-size: 14px;
1274+
}
1275+
1276+
#pointsList span {
1277+
font-family: 'Source Sans Pro', Light;
12881278
}
12891279

12901280
li.final {
12911281
color: #4B8CCA;
1292-
font-family: Montserrat, Regular;
1282+
font-family: Montserrat, Sans-Serif;
12931283
font-size: 24px;
1294-
letter-spacing: 2px;
1284+
letter-spacing: 0.3px;
12951285
margin-bottom: 9px;
12961286
}
12971287

12981288
li.migrate {
12991289
color: #253746;
1300-
font-family: 'Montserrat', SemiBold;
1290+
font-family: Montserrat, SemiBold;
13011291
font-size: 18px;
1292+
letter-spacing: 0.3px;
13021293
margin-bottom: 20px;
13031294
}
13041295

@@ -1339,27 +1330,11 @@ function replaceNewUpdater()
13391330
box-shadow: none;
13401331
}
13411332

1342-
/*#left {*/
1343-
/*!*float: left;*!*/
1344-
/*!*width: 60%;*!*/
1345-
/*margin-top: 28px;*/
1346-
/*}*/
1347-
1348-
/*#right {*/
1349-
/*overflow: hidden*/
1350-
/*}*/
1351-
1352-
13531333
#sqr {
1354-
width: 193px;
1355-
height: 155px;
1356-
/*border: 2px dashed #4B8CCA;*/
1357-
/*margin-top: 35px;*/
1358-
/*background: #F5F8FC;*/
1359-
background-image: url(images/square.png);
1334+
width:225px;
1335+
height:180px;
1336+
background-image: url(images/square.svg);
13601337
background-repeat: no-repeat;
1361-
margin-top: 28px;
1362-
13631338
}
13641339

13651340
#triangle_down {
@@ -1381,6 +1356,7 @@ function replaceNewUpdater()
13811356
font-size: 12px;
13821357
font-weight: 600;
13831358
cursor: pointer;
1359+
font-family: "Montserrat", SemiBold;
13841360
}
13851361

13861362
#database-upgrade.right {
@@ -1389,12 +1365,6 @@ function replaceNewUpdater()
13891365
padding: 1px 10px;
13901366
}
13911367

1392-
/*.rotate {*/
1393-
/*-moz-transition: all 1s linear;*/
1394-
/*-webkit-transition: all 1s linear;*/
1395-
/*transition: all 1s linear;*/
1396-
1397-
/*}*/
13981368
.rotate {
13991369
-moz-transition: all 1.5s ease-out;
14001370
-webkit-transition: all 1.5s ease-out;
@@ -1425,14 +1395,6 @@ function replaceNewUpdater()
14251395
margin: 0 auto;
14261396
}
14271397

1428-
/*.arrow-down {*/
1429-
/*width: 0;*/
1430-
/*height: 0;*/
1431-
/*border-left: 8px solid transparent;*/
1432-
/*border-right: 8px solid transparent;*/
1433-
/*border-top: 8px solid #fff;*/
1434-
/*margin: 0 auto;*/
1435-
/*}*/
14361398
.listItems {
14371399
background-image: url('images/check.svg');
14381400
background-repeat: no-repeat;
@@ -1451,16 +1413,17 @@ function replaceNewUpdater()
14511413
color: rgb(75, 140, 202);
14521414
font-weight: 500;
14531415
font-size: 10px;
1454-
margin-left: 22px;
1455-
margin-top: 9px;
1416+
margin-left: 23px;
1417+
margin-top: 29px;
14561418
font-family: "Source Sans Pro", Regular;
14571419
}
14581420

14591421
p.messages {
14601422
text-align: center;
14611423
color: #253746;
1462-
margin-top: 10px;
1463-
font-size: 12px;
1424+
margin-top: 35px;
1425+
font-size: 14px;
1426+
font-family: 'Source Sans Pro', Light;
14641427
}
14651428

14661429
p.price {
@@ -1475,8 +1438,9 @@ function replaceNewUpdater()
14751438
p.subscribers {
14761439
text-align: center;
14771440
margin-top: 14px;
1478-
font-size: 10px;
1479-
font-family: 'Montserrat', Regular;
1441+
margin-bottom: 10px;
1442+
font-size: 12px;
1443+
font-family: 'Source Sans Pro', Regular;
14801444
}
14811445

14821446
#wrap {
@@ -1489,6 +1453,7 @@ function replaceNewUpdater()
14891453
margin-top: 3px;
14901454
margin-right: 50px;
14911455
padding: 20px 15px;
1456+
width: 498px;
14921457
}
14931458

14941459
#right {
@@ -1502,13 +1467,19 @@ function replaceNewUpdater()
15021467
}
15031468
p.paidSupport {
15041469
color: #8A9798;
1505-
font-size: 13px;
1506-
margin-top: 10px;
1470+
font-size: 14px;
1471+
margin-top: 14px;
1472+
font-family: 'Source Sans Pro', Light;
1473+
15071474
}
15081475
a.support {
15091476
color: #4b8cca;
15101477
text-decoration: none;
15111478
}
1479+
svg.performUpdate {
1480+
padding-top: 39%;
1481+
padding-left: 28%;
1482+
}
15121483

15131484
</style>
15141485
</head>
@@ -1599,7 +1570,7 @@ function replaceNewUpdater()
15991570
</g>
16001571
</svg>
16011572

1602-
<h1 style="font-family: 'Montserrat', Regular;font-size: 18px;">Updating phpList to the latest
1573+
<h1 style="font-family: 'Montserrat', Regular;font-size: 18px;cursor:auto;">Updating phpList to the latest
16031574
version</h1>
16041575
</div>
16051576
<div id="steps">
@@ -1694,7 +1665,7 @@ function replaceNewUpdater()
16941665
<div class="step last-step">
16951666
<div class="step-image">
16961667
<svg xmlns="http://www.w3.org/2000/svg" width="22.512" height="16.01"
1697-
viewBox="0 0 22.512 16.01">
1668+
viewBox="0 0 22.512 16.01" class="performUpdate">
16981669
<path id="Path_219" data-name="Path 219"
16991670
d="M16100.607-997.888c-2.889,2.889-14.332,14.2-14.332,14.2l-6.68-6.679"
17001671
transform="translate(-16078.847 998.638)" fill="none" stroke="#253746"
@@ -1779,13 +1750,12 @@ function replaceNewUpdater()
17791750
</div>
17801751
<div id="right">
17811752
<div id="sqr">
1782-
<div class="container">
1753+
<div class="container" style="margin-left: 22px;">
17831754
<p class="greatValue">Great value</p>
17841755
<br>
17851756
<p class="messages">9000 messages</p><br>
17861757
<p class="price">Price $1</p>
17871758
<p class="subscribers">3000 Subscribers</p>
1788-
<br>
17891759
<input type="button" onclick="window.open('https://phplist.com/chooseplan')" value="Book"
17901760
style="width: 90px;height: 30px; border: 1px dashed #21AE8A; background: #fff; margin: 0 auto;"
17911761
class="book"/>
@@ -1798,14 +1768,18 @@ class="book"/>
17981768
</div><!-- .inner -->
17991769
</div><!-- .outer -->
18001770

1771+
<!-- Load jquery-3.3.1.min.js file -->
18011772
<script type="text/javascript" src="../admin/js/jquery-3.3.1.min.js"></script>
1773+
1774+
<!-- script for slideToggle -->
18021775
<script type="text/javascript">
18031776
$('.outer button').on("click", function () {
18041777
$('.inner').slideToggle(1000, function () {
18051778
$('.inner p').show(100);
18061779
});
18071780
});
18081781
</script>
1782+
<!-- Arrow transition -->
18091783
<script type="text/javascript">
18101784
$(".rotate").click(function () {
18111785
$(this).toggleClass("down");

0 commit comments

Comments
 (0)