diff --git a/phpBB/adm/style/acp_send_statistics.html b/phpBB/adm/style/acp_send_statistics.html index d1f695bf8e..b45886f943 100644 --- a/phpBB/adm/style/acp_send_statistics.html +++ b/phpBB/adm/style/acp_send_statistics.html @@ -5,17 +5,47 @@

{L_SEND_STATISTICS}

-
-
-

Send statistics

-

{L_EXPLAIN_SEND_STATISTICS}

+
+

Send statistics

+

{L_EXPLAIN_SEND_STATISTICS}

+
+ +
+
+ +
+ {providers.NAME} + +
+
{providers.values.KEY}
+
{providers.values.VALUE}
+
+ +
+ +
+
+
+
+ + +
+
{L_YES}
+
-
-
-

-

{L_EXPLAIN_ENABLE_VIGLINK}

-
+
+

VigLink

+

{L_EXPLAIN_ENABLE_VIGLINK}

+
+
+ + +
+
Enable
+
@@ -36,43 +66,6 @@ function iframe_updated() //]]> - - -
- -

{L_DONT_SEND_STATISTICS}

- -

{L_EXPLAIN_SHOW_STATISTICS}

- -

- -
- -

- -

- - -
- {providers.NAME} - -
-
{providers.values.KEY}
-
{providers.values.VALUE}
-
- -
- -
-

- - -

-
- -
-

{L_THANKS_SEND_STATISTICS}

« {L_GO_ACP_MAIN}

-
diff --git a/phpBB/adm/style/admin.css b/phpBB/adm/style/admin.css index c791f30cbc..afa0bd5d31 100644 --- a/phpBB/adm/style/admin.css +++ b/phpBB/adm/style/admin.css @@ -2585,12 +2585,7 @@ fieldset.permissions .padding { } .send-stats-row { - margin: 25px -15px 0; -} - -.send-stats-row h3 { - margin: 0; - text-align: center; + margin: 15px 0; } .send-stats-row:before { @@ -2598,20 +2593,6 @@ fieldset.permissions .padding { content: " "; } -.send-stats-col { - width: 50%; - float: left; - position: relative; - min-height: 1px; - padding-right: 15px; - padding-left: 15px; - box-sizing: border-box; -} - -.send-stats-row > .send-stats-col:last-child { - padding-left: 0; -} - .send-stats-tile { position: relative; padding: 14px; @@ -2624,10 +2605,7 @@ fieldset.permissions .padding { .send-stats-tile h2 { margin-top: 0; text-align: center; -} - -.send-stats-tile h2 > p { - display: inline-block; + padding-bottom: 1em; } .send-stats-tile i { @@ -2644,3 +2622,77 @@ fieldset.permissions .padding { font-family: FontAwesome; font-style: normal; } + +.send-stats-data-row { + background: #f9f9f9; + border-radius: 6px; + border: #DEDEDE 1px solid; + padding: 10px; + border-top-width: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} + +.send-stats-data-hidden .configlist { + display: none; +} + +.send-stats-data-only-row { + border-radius: 6px !important; + border-bottom-width: 1px !important; +} + +.send-stats-data-hidden { + padding: 0; + border: none; +} + +.send-stats-row > .send-stats-data-row:first-child { + background-color: #d9edf7; + border-bottom-width: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + border-top-width: 1px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.send-stats-settings dt, .send-stats-settings dd { + min-width: 25px; +} + +.send-stats-settings dd { + line-height: 1.5em; +} + +.send-stats-settings input { + display: none; +} + +.send-stats-settings input[type=checkbox] + label:before { + content: "\f096"; + font-family: FontAwesome; + font-size: 1.5em; +} + +.send-stats-settings input[type=checkbox]:checked + label:before { + content: "\f14a"; + color: #3c763d; +} + +.send-stats-data-row a:hover span { + text-decoration: underline; +} + +.send-stats-data-row a { + text-decoration: none; +} + +.send-stats-data-row i { + padding-left: 6px; +} + +.configlist { + word-wrap: break-word; + word-break: break-all; +} diff --git a/phpBB/adm/style/admin.js b/phpBB/adm/style/admin.js index 253fd46a62..e42fdb380a 100644 --- a/phpBB/adm/style/admin.js +++ b/phpBB/adm/style/admin.js @@ -243,8 +243,11 @@ function parse_document(container) parse_document($('body')); - // Hide configlist and success message in send statistics page - phpbb.toggleDisplay('configlist', -1); - phpbb.toggleDisplay('questionnaire-thanks', -1); + $('#trigger-configlist').on('click', function () { + var $configlist = $('#configlist'); + $configlist.closest('.send-stats-data-row').toggleClass('send-stats-data-hidden'); + $configlist.closest('.send-stats-row').find('.send-stats-data-row:first-child').toggleClass('send-stats-data-only-row'); + $(this).find('i').toggleClass('fa-angle-down fa-angle-up'); + }); }); })(jQuery);