diff --git a/kvision-modules/kvision-tabulator/src/main/kotlin/io/kvision/tabulator/Tabulator.kt b/kvision-modules/kvision-tabulator/src/main/kotlin/io/kvision/tabulator/Tabulator.kt index cd804dcedbd..f4d1a65d418 100644 --- a/kvision-modules/kvision-tabulator/src/main/kotlin/io/kvision/tabulator/Tabulator.kt +++ b/kvision-modules/kvision-tabulator/src/main/kotlin/io/kvision/tabulator/Tabulator.kt @@ -156,15 +156,15 @@ open class Tabulator( error = "!!!" } pagination = obj { - page_size = "↕" + page_size = "" page_title = "#" - first = "⯇⯇" + first = "" first_title = "<<" - last = "⯈⯈" + last = "" last_title = ">>" - prev = "⯇" + prev = "" prev_title = "<" - next = "⯈" + next = "" next_title = ">" all = "*" counter = obj { diff --git a/kvision-modules/kvision-tabulator/src/main/kotlin/io/kvision/tabulator/TabulatorPagination.kt b/kvision-modules/kvision-tabulator/src/main/kotlin/io/kvision/tabulator/TabulatorPagination.kt index f4f73696f16..a8dec8246ac 100644 --- a/kvision-modules/kvision-tabulator/src/main/kotlin/io/kvision/tabulator/TabulatorPagination.kt +++ b/kvision-modules/kvision-tabulator/src/main/kotlin/io/kvision/tabulator/TabulatorPagination.kt @@ -28,6 +28,7 @@ import io.kvision.core.Container import io.kvision.core.onClick import io.kvision.html.TAG import io.kvision.html.div +import io.kvision.html.icon import io.kvision.html.tag import io.kvision.panel.SimplePanel import io.kvision.state.ObservableValue @@ -61,7 +62,8 @@ open class TabulatorPagination( div(className = "tabulator-footer") { borderTop = Border(style = BorderStyle.NONE) bind(paginationState) { state -> - tag(TAG.BUTTON, "⯇⯇", className = "tabulator-page") { + tag(TAG.BUTTON, className = "tabulator-page") { + icon("fas fa-angles-left") role = "button" setAttribute("type", "button") setAttribute("aria-label", "<<") @@ -73,7 +75,8 @@ open class TabulatorPagination( tabulator?.setPage(1) } } - tag(TAG.BUTTON, "⯇", className = "tabulator-page") { + tag(TAG.BUTTON, className = "tabulator-page") { + icon("fas fa-angle-left") role = "button" setAttribute("type", "button") setAttribute("aria-label", "<") @@ -106,7 +109,8 @@ open class TabulatorPagination( } } } - tag(TAG.BUTTON, "⯈", className = "tabulator-page") { + tag(TAG.BUTTON, className = "tabulator-page") { + icon("fas fa-angle-right") role = "button" setAttribute("type", "button") setAttribute("aria-label", ">") @@ -118,7 +122,8 @@ open class TabulatorPagination( tabulator?.nextPage() } } - tag(TAG.BUTTON, "⯈⯈", className = "tabulator-page") { + tag(TAG.BUTTON, className = "tabulator-page") { + icon("fas fa-angles-right") role = "button" setAttribute("type", "button") setAttribute("aria-label", ">>")