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

style sav sub menu in community

Browse Source
This commit is contained in:
ogerly 2023-02-23 13:57:53 +01:00
parent 9825cf8876
commit 1a1eec9b24
3 changed files with 25 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/assets/scss/custom/gradido-custom/_color.scss
View File

@ -17,6 +17,7 @@ $gradido-248: rgb(248 248 248) !default;
$gradido-140: rgb(140 66 5) !default; $gradido-140: rgb(140 66 5) !default;
$gradido-205: rgb(205 86 86) !default; $gradido-205: rgb(205 86 86) !default;
$gradido-197: rgb(197 141 56) !default; $gradido-197: rgb(197 141 56) !default;
$gradido-209: rgb(209 209 209) !default;
$gradido-4: rgb(4 112 6) !default; $gradido-4: rgb(4 112 6) !default;
$black: #000 !default; $black: #000 !default;
$grays: () !default; $grays: () !default;
@ -36,6 +37,7 @@ $grays: map.merge(
"140": $gradido-140, "140": $gradido-140,
"205": $gradido-205, "205": $gradido-205,
"197": $gradido-197, "197": $gradido-197,
"209": $gradido-209,
"4": $gradido-4 "4": $gradido-4
), ),
$grays $grays
@ -75,6 +77,7 @@ $colors: map.merge(
"140": $gradido-140, "140": $gradido-140,
"205": $gradido-205, "205": $gradido-205,
"197": $gradido-197, "197": $gradido-197,
"209": $gradido-209,
"4": $gradido-4 "4": $gradido-4
), ),
$colors $colors
@ -118,6 +121,7 @@ $theme-colors: map.merge(
"140": $gradido-140, "140": $gradido-140,
"205": $gradido-205, "205": $gradido-205,
"197": $gradido-197, "197": $gradido-197,
"209": $gradido-209,
"4": $gradido-4 "4": $gradido-4
), ),
$theme-colors $theme-colors

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

@ -121,6 +121,9 @@ a:hover,
border-top-right-radius: 17px !important; border-top-right-radius: 17px !important;
border-bottom-right-radius: 17px !important; border-bottom-right-radius: 17px !important;
} }
.rounded-26 {
border-radius: 26px;
}
.alert { .alert {
border-radius: 26px; border-radius: 26px;

39
frontend/src/components/Template/ContentHeader/NavCommunity.vue
View File

@ -1,25 +1,19 @@
<template> <template>
<div class="nav-community container"> <div class="nav-community">
<b-row class="mx-xl-6 mx-lg-5" align-v="stretch"> <div class="bg-209 rounded-26 d-flex bd-highlight mx-xl-6 mx-lg-5 shadow">
<b-col class="px-0"> <b-btn to="contribute" active-class="btn-active appBoxShadow" block variant="link">
<b-btn to="contribute" active-class="btn-active" block variant="link" class="rounded-right"> <b-icon icon="pencil" class="mr-1 mr-md-2" />
<b-icon icon="pencil" class="mr-2 d-none d-md-inline" /> {{ $t('community.submitContribution') }}
{{ $t('community.submitContribution') }} </b-btn>
</b-btn> <b-btn to="contributions" active-class="btn-active appBoxShadow" block variant="link">
</b-col> <b-icon icon="person" class="mr-1 mr-md-2" />
<b-col class="px-0"> {{ $t('community.myContributions') }}
<b-btn to="contributions" active-class="btn-active" block variant="link" class="rounded-0"> </b-btn>
<b-icon icon="person" class="mr-2 d-none d-md-inline" /> <b-btn to="community" active-class="btn-active appBoxShadow" block variant="link">
{{ $t('community.myContributions') }} <b-icon icon="people" class="mr-1 mr-md-2" />
</b-btn> {{ $t('community.community') }}
</b-col> </b-btn>
<b-col class="px-0"> </div>
<b-btn to="community" active-class="btn-active" block variant="link" class="rounded-left">
<b-icon icon="people" class="mr-2 d-none d-md-inline" />
{{ $t('community.community') }}
</b-btn>
</b-col>
</b-row>
</div> </div>
</template> </template>
<script> <script>
@ -34,6 +28,9 @@ export default {
padding-right: 0px; padding-right: 0px;
padding-left: 0px; padding-left: 0px;
} }
.btn-block + .btn-block {
margin-top: 0rem;
}
.btn-active { .btn-active {
background-color: rgb(23 141 129); background-color: rgb(23 141 129);
color: white; color: white;