IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2025-12-13 07:45:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

hover and pointer on gddamount gdtamount

Browse Source
This commit is contained in:
ogerly 2022-12-20 15:27:29 +01:00
parent 54366582f3
commit b48cd08457
7 changed files with 49 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/assets/scss/gradido-template.scss
View File

@ -9,6 +9,16 @@ body {
cursor: pointer;
}
.hoverText:hover {
font-weight: bold;
}
.hoverIcon:hover {
background-color: rgb(220, 216, 217);
border-radius: 29px;
padding: 1px;
}
.shadow-default {
box-shadow: rgb(0 0 0 / 14%) 0 4px 10px;
}

14
frontend/src/components/Menu/Navbar.vue
View File

@ -3,9 +3,9 @@
<b-navbar toggleable="lg" class="pr-4">
<b-navbar-brand>
<b-img
class="imgLogo ml--3 mt-lg--2 mt-3 p-2 mb-3 d-none d-lg-block zindex10"
class="imgLogo mt-lg--2 mt-3 mb-3 d-none d-lg-block zindex10"
:src="logo"
width="200"
width=""
alt="..."
/>
<b-button v-b-toggle.sidebar-mobile class="d-block d-lg-none">
@ -19,15 +19,15 @@
<div class="mb-2">
<router-link to="/profile">
<div>
<div class="d-flex">
<div class="d-flex align-items-center">
<div class="mr-3">
<avatar :username="username" :color="'#fff'"></avatar>
<avatar :username="username" :color="'#fff'" :size="81"></avatar>
</div>
<div>
<div class="small" data-test="navbar-item-username">{{ username }}</div>
<div data-test="navbar-item-username">{{ username }}</div>
<div class="text-right small">
<small>{{ $store.state.email }}</small>
<div class="text-right">
{{ $store.state.email }}
</div>
</div>
</div>

10
frontend/src/components/Menu/Sidebar.vue
View File

@ -2,7 +2,7 @@
<div id="component-sidebar">
<div id="side-menu" ref="sideMenu" class="gradido-border-radius appBoxShadow pt-2">
<!-- @mouseout="$emit('toogleMobilMenu')" -->
<div class="mb-6 mt-3">
<div class="mb-3 mt-3">
<b-nav vertical class="w-200">
<b-nav-item to="/overview" class="mb-3" active-class="activeRoute">
<b-icon icon="house" aria-hidden="true"></b-icon>
@ -33,7 +33,7 @@
<b-icon icon="person" aria-hidden="true"></b-icon>
<span class="ml-2">{{ $t('navigation.profile') }}</span>
</b-nav-item> -->
<b-nav-item to="/community#my" class="mb-3" active-class="activeRoute">
<b-nav-item to="/community#my" class="" active-class="activeRoute">
<b-icon icon="people" aria-hidden="true"></b-icon>
<span class="ml-2">{{ $t('creation') }}</span>
</b-nav-item>
@ -71,11 +71,7 @@
<b-icon icon="shield-check" aria-hidden="true"></b-icon>
<span class="ml-2">{{ $t('navigation.admin_area') }}</span>
</b-nav-item>
<b-nav-item
class="mb-3 font-weight-bold"
@click="$emit('logout')"
active-class="activeRoute"
>
<b-nav-item class="font-weight-bold" @click="$emit('logout')" active-class="activeRoute">
<b-icon icon="power" aria-hidden="true" variant="danger"></b-icon>
<span class="ml-2 text-danger">{{ $t('navigation.logout') }}</span>
</b-nav-item>

2
frontend/src/components/Template/ContentHeader/GddAmount.vue
View File

@ -46,7 +46,7 @@
<b-col cols="12" md="2" lg="2" class="border-left border-light">
<b-icon
:icon="hideAmount ? 'eye-slash' : 'eye'"
class="mr-3 gradido-global-border-color-accent"
class="mr-3 gradido-global-border-color-accent pointer hoverIcon"
@click="$store.commit('hideAmountGDD', !hideAmount)"
></b-icon>
</b-col>

2
frontend/src/components/Template/ContentHeader/GdtAmount.vue
View File

@ -41,7 +41,7 @@
<b-col cols="12" md="2" lg="2" class="border-left border-light">
<b-icon
:icon="hideAmount ? 'eye-slash' : 'eye'"
class="mr-3 gradido-global-border-color-accent"
class="mr-3 gradido-global-border-color-accent pointer hoverIcon"
@click="$store.commit('hideAmountGDT', !hideAmount)"
></b-icon>
</b-col>

31
frontend/src/components/Template/RightSide/LastTransactions.vue
View File

@ -1,7 +1,7 @@
<template>
<div class="rightside-last-transactions d-none d-lg-block">
<b-row class="mb-3">
<b-col>{{ $t('transaction.lastTransactions') }}</b-col>
<b-col class="h3">{{ $t('transaction.lastTransactions') }}</b-col>
<!-- <b-col cols="1" class="text-right">
<b-icon icon="three-dots-vertical"></b-icon>
</b-col> -->
@ -16,7 +16,7 @@
transaction.typeId !== 'LINK_SUMMARY' &&
transaction.typeId !== 'CREATION'
"
class="mb-2"
class="mb-3"
>
<b-col cols="2">
<div class="align-items-center">
@ -28,14 +28,25 @@
</div>
</b-col>
<b-col>
<div class="align-items-center small">
<name :linkedUser="transaction.linkedUser" v-on="$listeners" />
</div>
</b-col>
<b-col cols="auto">
<div class="align-items-center small">
{{ transaction.amount | GDD }}
</div>
<b-row>
<b-col>
<div class="align-items-center font-weight-bold">
<name
:linkedUser="transaction.linkedUser"
v-on="$listeners"
fontColor="text-dark"
/>
</div>
<div class="d-flex">
<div class="align-items-center small">
{{ transaction.amount | GDD }}
</div>
<div class="small ml-3 text-right">
{{ $d(new Date(transaction.balanceDate), 'short') }}
</div>
</div>
</b-col>
</b-row>
</b-col>
</b-row>
<!-- <b-list-group-item

7
frontend/src/components/TransactionRows/Name.vue
View File

@ -2,7 +2,7 @@
<div class="name">
<div class="gdd-transaction-list-item-name">
<div v-if="linkedUser && linkedUser.email">
<b-link @click.stop="tunnelEmail">
<b-link @click.stop="tunnelEmail" :class="fontColor">
{{ itemText }}
</b-link>
</div>
@ -22,6 +22,11 @@ export default {
type: String,
required: false,
},
fontColor: {
type: String,
required: false,
default: '',
},
linkId: {
type: Number,
required: false,