diff --git a/modules/core/client/less/margin.less b/modules/core/client/less/margin.less index 985f1d37..8782910b 100644 --- a/modules/core/client/less/margin.less +++ b/modules/core/client/less/margin.less @@ -42,6 +42,10 @@ margin-bottom: 10px; } +.margin-bottom-15 { + margin-bottom: 15px; +} + .margin-bottom-20 { margin-bottom: 20px; } @@ -102,6 +106,10 @@ margin-left: 80px; } +.margin-left-100 { + margin-left: 100px; +} + .padding-top-10 { padding-top: 10px; } diff --git a/modules/vip/client/controllers/vip.client.controller.js b/modules/vip/client/controllers/vip.client.controller.js index 1a466fd5..2f723465 100644 --- a/modules/vip/client/controllers/vip.client.controller.js +++ b/modules/vip/client/controllers/vip.client.controller.js @@ -7,11 +7,11 @@ VipController.$inject = ['$scope', '$state', '$translate', 'Authentication', 'getStorageLangService', 'MeanTorrentConfig', 'TorrentsService', 'DebugConsoleService', '$timeout', 'uibButtonConfig', 'TorrentGetInfoServices', 'DownloadService', 'ResourcesTagsServices', '$window', - 'localStorageService']; + 'localStorageService', 'marked']; function VipController($scope, $state, $translate, Authentication, getStorageLangService, MeanTorrentConfig, TorrentsService, mtDebug, $timeout, uibButtonConfig, TorrentGetInfoServices, DownloadService, ResourcesTagsServices, $window, - localStorageService) { + localStorageService, marked) { var vm = this; vm.DLS = DownloadService; vm.TGI = TorrentGetInfoServices; @@ -388,5 +388,15 @@ i.removeClass('glyphicon-chevron-down').addClass('glyphicon-chevron-up'); } }; + + /** + * getVipTooltip + * @returns {*} + */ + vm.getVipTooltip = function () { + var ts = $translate.instant('HOME.VIP_TOOLTIP'); + + return marked(ts, {sanitize: true}); + }; } }()); diff --git a/modules/vip/client/less/vip.less b/modules/vip/client/less/vip.less index 85364d15..af1ac564 100644 --- a/modules/vip/client/less/vip.less +++ b/modules/vip/client/less/vip.less @@ -36,3 +36,24 @@ } } +.vip-tooltip { + color: #bbb; + text-shadow: 0 0 0.1em #3a3a3a,-0 -0 0.1em #3a3a3a; + ul { + @media (max-width: @screen-xs-max) { + margin-bottom: 20px !important; + } + padding-left: 0; + li { + padding-left: 0; + list-style: none; + &:before { + content: '+'; + display: inline-block; + color: @brand-success; + margin-right: 8px; + } + } + } +} + diff --git a/modules/vip/client/views/donate.client.view.html b/modules/vip/client/views/donate.client.view.html index 8a02677e..dec32bb9 100644 --- a/modules/vip/client/views/donate.client.view.html +++ b/modules/vip/client/views/donate.client.view.html @@ -1,11 +1,12 @@
-
+

{{'VIP.VIP_TITLE' | translate}} {{'VIP.VIP_SUB_TITLE' | translate}}

+
diff --git a/modules/vip/client/views/rules.client.view.html b/modules/vip/client/views/rules.client.view.html index 6de6b7e9..7b587bd0 100644 --- a/modules/vip/client/views/rules.client.view.html +++ b/modules/vip/client/views/rules.client.view.html @@ -1,11 +1,12 @@
-
+

{{'VIP.VIP_TITLE' | translate}} {{'VIP.VIP_SUB_TITLE' | translate}}

+