diff --git a/static/css/directives/ui/plan-manager.css b/static/css/directives/ui/plan-manager.css new file mode 100644 index 000000000..9bea93c85 --- /dev/null +++ b/static/css/directives/ui/plan-manager.css @@ -0,0 +1,42 @@ +.plan-manager-element .plans-list-table thead td { + color: #aaa; + font-weight: bold; +} + +.plan-manager-element .plans-list-table td { + padding: 10px; + font-size: 16px; + vertical-align: middle; +} + +.plan-manager-element .plans-list-table td.controls { + text-align: right; +} + +.plan-manager-element .plans-list-table .plan-price { + font-size: 16px; + margin-bottom: 0px; +} + +.plan-manager-element .plans-list-table .deprecated-plan { + color: #aaa; +} + +.plan-manager-element .plans-list-table .deprecated-plan-label { + font-size: 0.7em; +} + +.plan-manager-element .qe-shoutout { + float: right; + padding: 20px; + border: 1px solid #ddd; + border-radius: 4px; + margin-top: 20px; + max-width: 500px; +} + +.plan-manager-element .qe-shoutout img { + max-width: 100%; + max-height: 28px; + margin-bottom: 10px; +} \ No newline at end of file diff --git a/static/css/pages/repo-list.css b/static/css/pages/repo-list.css index ad27c908d..2f316e6bc 100644 --- a/static/css/pages/repo-list.css +++ b/static/css/pages/repo-list.css @@ -40,4 +40,27 @@ width: 30px; margin-right: 10px; text-align: center; +} + +.repo-list .qe-shoutout { + padding: 10px; +} + +.repo-list .qe-shoutout b { + margin-left: 6px; +} + +.repo-list .qe-shoutout div { + margin-right: 94px; +} + +.repo-list .qe-shoutout img { + max-height: 24px; + max-width: 100%; +} + +.repo-list .qe-shoutout span { + float: right; + line-height: 24px; + margin-right: 4px; } \ No newline at end of file diff --git a/static/css/quay.css b/static/css/quay.css index 0da2be3ca..bcafda642 100644 --- a/static/css/quay.css +++ b/static/css/quay.css @@ -2852,34 +2852,6 @@ p.editable:hover i { margin-bottom: 20px; } -.plan-manager-element .plans-list-table thead td { - color: #aaa; - font-weight: bold; -} - -.plan-manager-element .plans-list-table td { - padding: 10px; - font-size: 16px; - vertical-align: middle; -} - -.plan-manager-element .plans-list-table td.controls { - text-align: right; -} - -.plan-manager-element .plans-list-table .plan-price { - font-size: 16px; - margin-bottom: 0px; -} - -.plan-manager-element .plans-list-table .deprecated-plan { - color: #aaa; -} - -.plan-manager-element .plans-list-table .deprecated-plan-label { - font-size: 0.7em; -} - .plans-table-element table { margin: 20px; border: 1px solid #eee; @@ -2898,7 +2870,6 @@ p.editable:hover i { padding: 0px; } - .plans-table ul li { padding: 4px; margin: 0px; diff --git a/static/directives/plan-manager.html b/static/directives/plan-manager.html index f87b1e4ce..1633b3435 100644 --- a/static/directives/plan-manager.html +++ b/static/directives/plan-manager.html @@ -23,6 +23,23 @@ Free trial until {{ parseDate(subscription.trialEnd) | date }} + +
+