Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Unverified Commit f6827306 authored by Richard Steinmetz's avatar Richard Steinmetz
Browse files

Refactor navigation header arrow icons 



Signed-off-by: default avatarRichard Steinmetz <richard@steinmetz.cloud>
parent 33810ef5

css/app-navigation.scss

+1 −0
Original line number Diff line number Diff line
@@ -86,6 +86,7 @@ 
		background-size: 10px;

		flex-grow: 0 !important;

		width: 34px;

		padding: 0 6px !important;

	}

}

src/components/AppNavigation/AppNavigationHeader/AppNavigationHeaderDatePicker.vue

+12 −4
Original line number Diff line number Diff line
@@ -24,11 +24,13 @@ 
	<div class="datepicker-button-section">

		<button v-shortkey="previousShortKeyConf"

			:aria-label="previousLabel"

			class="datepicker-button-section__previous button icon icon-leftarrow"

			class="datepicker-button-section__previous button"

			:title="previousLabel"

			type="button"

			@click="navigateToPreviousTimeRange"

			@shortkey="navigateToPreviousTimeRange" />

			@shortkey="navigateToPreviousTimeRange">

			<ChevronLeftIcon size="22" />

		</button>

		<button class="datepicker-button-section__datepicker-label button datepicker-label"

			@click.stop.prevent="toggleDatepicker"

			@mousedown.stop.prevent="doNothing"
@@ -43,11 +45,13 @@ 
			@change="navigateToDate" />

		<button v-shortkey="nextShortKeyConf"

			:aria-label="nextLabel"

			class="datepicker-button-section__next button icon icon-rightarrow"

			class="datepicker-button-section__next button"

			:title="nextLabel"

			type="button"

			@click="navigateToNextTimeRange"

			@shortkey="navigateToNextTimeRange" />

			@shortkey="navigateToNextTimeRange">

			<ChevronRightIcon size="22" />

		</button>

	</div>

</template>
@@ -60,11 +64,15 @@ import { 
import { mapState } from 'vuex'

import formatDateRage from '../../../filters/dateRangeFormat.js'

import DatePicker from '../../Shared/DatePicker.vue'

import ChevronLeftIcon from 'vue-material-design-icons/ChevronLeft'

import ChevronRightIcon from 'vue-material-design-icons/ChevronRight'



export default {

	name: 'AppNavigationHeaderDatePicker',

	components: {

		DatePicker,

		ChevronLeftIcon,

		ChevronRightIcon,

	},

	filters: {

		formatDateRage,