From 10ea5f74c9ed3b7e9062a07cbc714b28aa135cc3 Mon Sep 17 00:00:00 2001 From: dsanz Date: Wed, 1 Mar 2017 15:35:55 +0100 Subject: [PATCH] Add css style for paginator --- .../eShopWeb/wwwroot/css/catalog/pager.css | 34 +++++++++++++++++++ 1 file changed, 34 insertions(+) create mode 100644 src/Web/WebMonolithic/eShopWeb/wwwroot/css/catalog/pager.css diff --git a/src/Web/WebMonolithic/eShopWeb/wwwroot/css/catalog/pager.css b/src/Web/WebMonolithic/eShopWeb/wwwroot/css/catalog/pager.css new file mode 100644 index 000000000..eec6e3940 --- /dev/null +++ b/src/Web/WebMonolithic/eShopWeb/wwwroot/css/catalog/pager.css @@ -0,0 +1,34 @@ +.esh-pager-wrapper { + padding-top: 1rem; + text-align: center; +} + +.esh-pager-item { + margin: 0 5vw; +} + +.esh-pager-item--navigable { + display: inline-block; + cursor: pointer; +} + + .esh-pager-item--navigable.is-disabled { + opacity: 0; + pointer-events: none; + } + + .esh-pager-item--navigable:hover { + color: #83D01B; + } + +@media screen and (max-width: 1280px) { + .esh-pager-item { + font-size: 0.85rem; + } +} + +@media screen and (max-width: 1024px) { + .esh-pager-item { + margin: 0 4vw; + } +}