improved style

This commit is contained in:
vabene1111 2023-02-24 20:35:54 +01:00
parent 0c8c74c0ac
commit 8abef1d8cc
3 changed files with 12 additions and 11 deletions

View File

@ -2,6 +2,16 @@
height: 40px; height: 40px;
} }
.two-row-text {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* number of lines to show */
line-clamp: 2;
-webkit-box-orient: vertical;
}
@media (max-width: 991.98px) { @media (max-width: 991.98px) {
.menu-dropdown-text { .menu-dropdown-text {
font-size: 14px; font-size: 14px;

View File

@ -60,7 +60,7 @@
<b-button-group class="mx-1"> <b-button-group class="mx-1">
<b-button @click="setShowDate($refs.header.headerProps.currentPeriod)"><i <b-button @click="setShowDate($refs.header.headerProps.currentPeriod)"><i
class="fas fa-home"></i></b-button> class="fas fa-home"></i></b-button>
<b-form-datepicker button-only button-variant="secondary" @context="datePickerChanged"></b-form-datepicker> <b-form-datepicker right button-only button-variant="secondary" @context="datePickerChanged"></b-form-datepicker>
</b-button-group> </b-button-group>
<b-button-group class="mx-1"> <b-button-group class="mx-1">
<b-button v-html="'>>'" class="p-2 pr-3 pl-3" <b-button v-html="'>>'" class="p-2 pr-3 pl-3"
@ -96,7 +96,7 @@
<span class="two-row-text"> <span class="two-row-text">
<a :href="resolveDjangoUrl('view_recipe', plan.entry.recipe.id)" v-if="plan.entry.recipe">{{ plan.entry.recipe.name }}</a> <a :href="resolveDjangoUrl('view_recipe', plan.entry.recipe.id)" v-if="plan.entry.recipe">{{ plan.entry.recipe.name }}</a>
<span v-else>{{ plan.entry.title }}</span> <span v-else>{{ plan.entry.title }}</span>
</span><br/> </span>
<span v-if="plan.entry.note"> <span v-if="plan.entry.note">
<small>{{ plan.entry.note }}</small> <br/> <small>{{ plan.entry.note }}</small> <br/>
</span> </span>

View File

@ -1690,15 +1690,6 @@ export default {
width: 30px; width: 30px;
} }
.two-row-text {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* number of lines to show */
line-clamp: 2;
-webkit-box-orient: vertical;
}
.hover-button { .hover-button {
display: none; display: none;
} }