Merge pull request #226 from nextcloud/searchrequest

searchrequest + pagination

2 files changed, 62 insertions, 9 deletions

diff --git a/css/fullnextsearch.css b/css/fullnextsearch.css
index e8e8004..b1cb132 100644
--- a/css/fullnextsearch.css
+++ b/css/fullnextsearch.css
@@ -27,11 +27,3 @@
 	left: 100px;
 }
 
-.provider_name {
-	font-size: 16px;
-	font-weight: bold;
-	letter-spacing: 5px;
-	color: #8b8b8b;
-	margin-bottom: 8px;
-}
-
diff --git a/css/nextsearch.css b/css/nextsearch.css
index 123b9e5..030e4cc 100644
--- a/css/nextsearch.css
+++ b/css/nextsearch.css
@@ -3,6 +3,34 @@
 	font-style: italic;
 }
 
+.provider_navigation {
+	position: relative;
+}
+
+.provider_navigation_right {
+	position: absolute;
+	right: 0;
+	top: 0;
+	height: 15px;
+	margin: auto 20px auto 0;
+	bottom: 0;
+}
+
+.provider_navigation_prev, .provider_navigation_curr, .provider_navigation_next {
+	float: left;
+}
+
+.provider_navigation_curr {
+	font-weight: normal;
+	font-size: 15px;
+	letter-spacing: 6px;
+	margin: -3px 0 0 11px;
+}
+
+.provider_navigation_prev, .provider_navigation_next {
+	cursor: pointer;
+}
+
 .result_entry_default {
 	height: 50px;
 	width: 100%;
@@ -46,11 +74,37 @@
 
 .next_search_div {
 	position: relative;
-	width: 250px;
+	width: 286px;
 	height: 36px;
 	margin-right: 20px;
 }
 
+.provider_navigation {
+	font-size: 15px;
+	font-weight: bold;
+	color: #444;
+	background: #ddd;
+	margin-bottom: 16px;
+	padding-top: 10px;
+	padding-left: 20px;
+	padding-bottom: 10px;
+}
+
+.icon-page-prev {
+	background-image: url('/apps/fullnextsearch/img/page-prev.svg');
+}
+
+.icon-page-next {
+	background-image: url('/apps/fullnextsearch/img/page-next.svg');
+}
+
+.icon-page-next, .icon-page-prev {
+	background-repeat: no-repeat;
+	background-position: center;
+	width: 16px;
+	height: 16px;
+}
+
 .icon-fullnextsearch, .icon-close-fullnextsearch {
 	position: absolute;
 	right: 10px;
@@ -58,6 +112,13 @@
 	cursor: pointer;
 }
 
+.icon-more-fullnextsearch {
+	position: absolute;
+	right: 40px;
+	top: 10px;
+	cursor: pointer;
+}
+
 #next_search_input {
 	background: #fffc;
 	width: 212px;