migration(bs5): rename left/right classes to start/end

This commit is contained in:
axolotle 2024-03-14 20:28:06 +01:00
parent 9eb4b29cb8
commit 6d26ef596d
31 changed files with 74 additions and 74 deletions

View file

@ -16,7 +16,7 @@
</span> </span>
</BNavbarBrand> </BNavbarBrand>
<BNavbarNav class="ml-auto"> <BNavbarNav class="ms-auto">
<li class="nav-item"> <li class="nav-item">
<BButton :href="ssoLink" variant="primary" size="sm" block> <BButton :href="ssoLink" variant="primary" size="sm" block>
{{ $t('user_interface_link') }} <YIcon iname="user" /> {{ $t('user_interface_link') }} <YIcon iname="user" />
@ -85,7 +85,7 @@
<BNavText <BNavText
v-if="yunohost" v-if="yunohost"
id="yunohost-version" id="yunohost-version"
class="ml-md-auto text-center" class="ms-md-auto text-center"
> >
<span v-html="$t('footer_version', yunohost)" /> <span v-html="$t('footer_version', yunohost)" />
</BNavText> </BNavText>

View file

@ -9,7 +9,7 @@
class="card-collapse-button" class="card-collapse-button"
> >
{{ title }} {{ title }}
<YIcon class="ml-auto" iname="chevron-right" /> <YIcon class="ms-auto" iname="chevron-right" />
</BButton> </BButton>
</h2> </h2>
</slot> </slot>

View file

@ -15,12 +15,12 @@
<div v-if="request.errors || request.warnings"> <div v-if="request.errors || request.warnings">
<!-- WEBSOCKET ERRORS COUNT --> <!-- WEBSOCKET ERRORS COUNT -->
<span class="count" v-if="request.errors"> <span class="count" v-if="request.errors">
{{ request.errors }}<YIcon iname="bug" class="text-danger ml-1" /> {{ request.errors }}<YIcon iname="bug" class="text-danger ms-1" />
</span> </span>
<!-- WEBSOCKET WARNINGS COUNT --> <!-- WEBSOCKET WARNINGS COUNT -->
<span class="count" v-if="request.warnings"> <span class="count" v-if="request.warnings">
{{ request.warnings {{ request.warnings
}}<YIcon iname="warning" class="text-warning ml-1" /> }}<YIcon iname="warning" class="text-warning ms-1" />
</span> </span>
</div> </div>
@ -29,7 +29,7 @@
v-if="showError && request.error" v-if="showError && request.error"
size="sm" size="sm"
pill pill
class="error-btn ml-auto py-0" class="error-btn ms-auto py-0"
variant="danger" variant="danger"
@click="reviewError" @click="reviewError"
> >
@ -40,7 +40,7 @@
<time <time
v-if="showTime" v-if="showTime"
:datetime="hour(request.date)" :datetime="hour(request.date)"
:class="request.error ? 'ml-2' : 'ml-auto'" :class="request.error ? 'ms-2' : 'ms-auto'"
> >
{{ hour(request.date) }} {{ hour(request.date) }}
</time> </time>

View file

@ -15,7 +15,7 @@
:aria-expanded="node.data.opened ? 'true' : 'false'" :aria-expanded="node.data.opened ? 'true' : 'false'"
:aria-controls="'collapse-' + node.id" :aria-controls="'collapse-' + node.id"
:class="node.data.opened ? 'not-collapsed' : 'collapsed'" :class="node.data.opened ? 'not-collapsed' : 'collapsed'"
class="ml-2" class="ms-2"
@click.stop="node.data.opened = !node.data.opened" @click.stop="node.data.opened = !node.data.opened"
> >
<span class="sr-only">{{ toggleText }}</span> <span class="sr-only">{{ toggleText }}</span>

View file

@ -28,7 +28,7 @@
<!-- Render description --> <!-- Render description -->
<template v-if="description || link"> <template v-if="description || link">
<div class="d-flex"> <div class="d-flex">
<BLink v-if="link" :to="link" :href="link.href" class="ml-auto"> <BLink v-if="link" :to="link" :href="link.href" class="ms-auto">
{{ link.text }} {{ link.text }}
</BLink> </BLink>
</div> </div>

View file

@ -6,7 +6,7 @@
:class="{ ['alert alert-' + variant]: !alert }" :class="{ ['alert alert-' + variant]: !alert }"
class="yuno-alert d-flex flex-column flex-md-row align-items-center" class="yuno-alert d-flex flex-column flex-md-row align-items-center"
> >
<YIcon :iname="_icon" class="mr-md-3 mb-md-0 mb-2 md" /> <YIcon :iname="_icon" class="me-md-3 mb-md-0 mb-2 md" />
<div class="w-100"> <div class="w-100">
<slot name="default" /> <slot name="default" />

View file

@ -4,7 +4,7 @@
<div class="w-100 d-flex align-items-center flex-wrap custom-header"> <div class="w-100 d-flex align-items-center flex-wrap custom-header">
<slot name="header"> <slot name="header">
<Component :is="titleTag" class="custom-header-title"> <Component :is="titleTag" class="custom-header-title">
<YIcon v-if="icon" :iname="icon" class="mr-2" />{{ title }} <YIcon v-if="icon" :iname="icon" class="me-2" />{{ title }}
</Component> </Component>
<slot name="header-next" /> <slot name="header-next" />
</slot> </slot>
@ -13,7 +13,7 @@
v-if="hasButtons" v-if="hasButtons"
class="mt-2 w-100 custom-header-buttons" class="mt-2 w-100 custom-header-buttons"
:class="{ :class="{
[`ml-${buttonUnbreak}-auto mt-${buttonUnbreak}-0 w-${buttonUnbreak}-auto`]: [`ms-${buttonUnbreak}-auto mt-${buttonUnbreak}-0 w-${buttonUnbreak}-auto`]:
buttonUnbreak, buttonUnbreak,
}" }"
> >
@ -26,11 +26,11 @@
@click="visible = !visible" @click="visible = !visible"
size="sm" size="sm"
variant="outline-secondary" variant="outline-secondary"
class="align-self-center ml-auto" class="align-self-center ms-auto"
:class="{ :class="{
'not-collapsed': visible, 'not-collapsed': visible,
collapsed: !visible, collapsed: !visible,
[`ml-${buttonUnbreak}-2`]: buttonUnbreak, [`ms-${buttonUnbreak}-2`]: buttonUnbreak,
}" }"
> >
<YIcon iname="chevron-right" /> <YIcon iname="chevron-right" />

View file

@ -6,7 +6,7 @@
:disabled="!enabled" :disabled="!enabled"
class="d-block mb-3" class="d-block mb-3"
> >
<YIcon :iname="icon_" class="mr-2" /> <YIcon :iname="icon_" class="me-2" />
<span v-html="label" /> <span v-html="label" />
</BButton> </BButton>
</template> </template>

View file

@ -4,7 +4,7 @@
:variant="type" :variant="type"
show show
> >
<YIcon :iname="icon_" class="mr-md-3 mb-md-0 mb-2" :variant="type" /> <YIcon :iname="icon_" class="me-md-3 mb-md-0 mb-2" :variant="type" />
<VueShowdown :markdown="label" tag="span" class="markdown" /> <VueShowdown :markdown="label" tag="span" class="markdown" />
</BAlert> </BAlert>

View file

@ -23,7 +23,7 @@
> >
<BSkeleton width="100%" height="38px" /> <BSkeleton width="100%" height="38px" />
<BSkeleton width="38px" height="38px" class="ml-2" /> <BSkeleton width="38px" height="38px" class="ms-2" />
</div> </div>
<BSkeleton v-else width="100%" height="38px" /> <BSkeleton v-else width="100%" height="38px" />

View file

@ -10,7 +10,7 @@
<BSkeleton <BSkeleton
:width="randint(50, 100) + '%'" :width="randint(50, 100) + '%'"
height="24px" height="24px"
class="mr-3" class="me-3"
/> />
</div> </div>
<BSkeleton :width="randint(30, 80) + '%'" height="24px" class="m-0" /> <BSkeleton :width="randint(30, 80) + '%'" height="24px" class="m-0" />

View file

@ -6,9 +6,9 @@
:key="item.routeName" :key="item.routeName"
:to="{ name: item.routeName }" :to="{ name: item.routeName }"
> >
<YIcon :iname="item.icon" class="lg ml-1" /> <YIcon :iname="item.icon" class="lg ms-1" />
<h4>{{ $t(item.translation) }}</h4> <h4>{{ $t(item.translation) }}</h4>
<YIcon iname="chevron-right" class="lg fs-sm ml-auto" /> <YIcon iname="chevron-right" class="lg fs-sm ms-auto" />
</BListGroupItem> </BListGroupItem>
</BListGroup> </BListGroup>
</div> </div>

View file

@ -26,7 +26,7 @@
<BCollapse id="collapse-domain" v-model:visible="domainIsVisible"> <BCollapse id="collapse-domain" v-model:visible="domainIsVisible">
<p class="mt-2 alert alert-info"> <p class="mt-2 alert alert-info">
<YIcon iname="info-circle" /> <YIcon iname="info-circle" />
<span class="pl-1" v-html="$t('domain.add.from_registrar_desc')" /> <span class="ps-1" v-html="$t('domain.add.from_registrar_desc')" />
</p> </p>
<FormField <FormField
@ -53,7 +53,7 @@
<BCollapse id="collapse-dynDomain" v-model:visible="dynDomainIsVisible"> <BCollapse id="collapse-dynDomain" v-model:visible="dynDomainIsVisible">
<p class="mt-2 alert alert-info"> <p class="mt-2 alert alert-info">
<YIcon iname="info-circle" /> <YIcon iname="info-circle" />
<span class="pl-1" v-html="$t('domain.add.from_yunohost_desc')" /> <span class="ps-1" v-html="$t('domain.add.from_yunohost_desc')" />
</p> </p>
<FormField <FormField
@ -98,7 +98,7 @@
<BCollapse id="collapse-localDomain" v-model:visible="localDomainIsVisible"> <BCollapse id="collapse-localDomain" v-model:visible="localDomainIsVisible">
<p class="mt-2 alert alert-info"> <p class="mt-2 alert alert-info">
<YIcon iname="info-circle" /> <YIcon iname="info-circle" />
<span class="pl-1" v-html="$t('domain.add.from_local_desc')" /> <span class="ps-1" v-html="$t('domain.add.from_local_desc')" />
</p> </p>
<FormField <FormField

View file

@ -25,7 +25,7 @@
v-if="lastAction" v-if="lastAction"
size="sm" size="sm"
pill pill
class="ml-auto py-0" class="ms-auto py-0"
:variant="open ? 'light' : 'best'" :variant="open ? 'light' : 'best'"
@click.prevent="onLastActionClick" @click.prevent="onLastActionClick"
@keyup.enter.space.prevent="onLastActionClick" @keyup.enter.space.prevent="onLastActionClick"
@ -35,7 +35,7 @@
<QueryHeader <QueryHeader
v-if="lastAction" v-if="lastAction"
:request="lastAction" :request="lastAction"
class="w-auto ml-2 xs-hide" class="w-auto ms-2 xs-hide"
/> />
</BCardHeader> </BCardHeader>
@ -50,7 +50,7 @@
v-for="(action, i) in history" v-for="(action, i) in history"
:key="i" :key="i"
no-body no-body
class="rounded-0 rounded-top border-left-0 border-right-0" class="rounded-0 rounded-top border-start-0 border-right-0"
> >
<!-- ACTION --> <!-- ACTION -->
<BCardHeader <BCardHeader

View file

@ -22,7 +22,7 @@
<BButton <BButton
variant="success" variant="success"
v-t="'retry'" v-t="'retry'"
class="ml-auto" class="ms-auto"
@click="tryToReconnect()" @click="tryToReconnect()"
/> />
</div> </div>

View file

@ -120,7 +120,7 @@
<small <small
v-if="app.state !== 'working' || app.high_quality" v-if="app.state !== 'working' || app.high_quality"
class="d-flex align-items-center ml-2 position-relative" class="d-flex align-items-center ms-2 position-relative"
> >
<BBadge <BBadge
v-if="app.state !== 'working'" v-if="app.state !== 'working'"
@ -195,11 +195,11 @@
<BCardGroup deck> <BCardGroup deck>
<BCard v-for="i in 15" :key="i" no-body style="min-height: 10rem"> <BCard v-for="i in 15" :key="i" no-body style="min-height: 10rem">
<div class="d-flex w-100 mt-auto"> <div class="d-flex w-100 mt-auto">
<BSkeleton width="30px" height="30px" class="mr-2 ml-auto" /> <BSkeleton width="30px" height="30px" class="me-2 ms-auto" />
<BSkeleton <BSkeleton
:width="randint(30, 70) + '%'" :width="randint(30, 70) + '%'"
height="30px" height="30px"
class="mr-auto" class="me-auto"
/> />
</div> </div>
<BSkeleton <BSkeleton

View file

@ -20,7 +20,7 @@
<BButton <BButton
variant="primary" variant="primary"
size="sm" size="sm"
class="ml-auto mr-2" class="ms-auto me-2"
@click="dismissNotification('post_install')" @click="dismissNotification('post_install')"
> >
<YIcon iname="check" /> <YIcon iname="check" />
@ -51,7 +51,7 @@
<BButton <BButton
variant="primary" variant="primary"
size="sm" size="sm"
class="ml-auto mr-2" class="ms-auto me-2"
@click="dismissNotification('post_upgrade')" @click="dismissNotification('post_upgrade')"
> >
<YIcon iname="check" /> <YIcon iname="check" />
@ -83,7 +83,7 @@
:href="app.url" :href="app.url"
target="_blank" target="_blank"
variant="success" variant="success"
class="ml-auto mr-2" class="ms-auto me-2"
> >
<YIcon iname="external-link" /> <YIcon iname="external-link" />
{{ $t('app.open_this_app') }} {{ $t('app.open_this_app') }}
@ -93,7 +93,7 @@
v-b-modal.uninstall-modal v-b-modal.uninstall-modal
id="uninstall" id="uninstall"
variant="danger" variant="danger"
:class="{ 'ml-auto': !app.url }" :class="{ 'ms-auto': !app.url }"
> >
<YIcon iname="trash-o" /> <YIcon iname="trash-o" />
{{ $t('uninstall') }} {{ $t('uninstall') }}
@ -196,7 +196,7 @@
size="sm" size="sm"
:to="{ name: 'group-list' }" :to="{ name: 'group-list' }"
variant="info" variant="info"
class="ml-2" class="ms-2"
> >
<YIcon iname="key-modern" /> <YIcon iname="key-modern" />
{{ $t('groups_and_permissions_manage') }} {{ $t('groups_and_permissions_manage') }}
@ -274,7 +274,7 @@
<BTabs card fill pills> <BTabs card fill pills>
<BTab v-for="[name, content] in app.doc.admin" :key="name"> <BTab v-for="[name, content] in app.doc.admin" :key="name">
<template #title> <template #title>
<YIcon iname="book" class="mr-2" /> <YIcon iname="book" class="me-2" />
{{ name === 'admin' ? $t('app.doc.admin.title') : name }} {{ name === 'admin' ? $t('app.doc.admin.title') : name }}
</template> </template>
<VueShowdown :markdown="content" /> <VueShowdown :markdown="content" />
@ -331,7 +331,7 @@
<BListGroup flush> <BListGroup flush>
<YListGroupItem v-for="[key, link] in app.links" :key="key" no-status> <YListGroupItem v-for="[key, link] in app.links" :key="key" no-status>
<BLink :href="link" target="_blank"> <BLink :href="link" target="_blank">
<YIcon :iname="appLinksIcons(key)" class="mr-1" /> <YIcon :iname="appLinksIcons(key)" class="me-1" />
{{ $t('app.links.' + key) }} {{ $t('app.links.' + key) }}
</BLink> </BLink>
</YListGroupItem> </YListGroupItem>

View file

@ -12,7 +12,7 @@
:href="app.demo" :href="app.demo"
target="_blank" target="_blank"
variant="primary" variant="primary"
class="ml-auto" class="ms-auto"
> >
<YIcon iname="external-link" /> <YIcon iname="external-link" />
{{ $t('app.install.try_demo') }} {{ $t('app.install.try_demo') }}
@ -90,7 +90,7 @@
<BListGroup flush> <BListGroup flush>
<YListGroupItem v-for="[key, link] in app.links" :key="key" no-status> <YListGroupItem v-for="[key, link] in app.links" :key="key" no-status>
<BLink :href="link" target="_blank"> <BLink :href="link" target="_blank">
<YIcon :iname="appLinksIcons(key)" class="mr-1" /> <YIcon :iname="appLinksIcons(key)" class="me-1" />
{{ $t('app.links.' + key) }} {{ $t('app.links.' + key) }}
</BLink> </BLink>
</YListGroupItem> </YListGroupItem>
@ -105,7 +105,7 @@
<dl class="antifeatures"> <dl class="antifeatures">
<div v-for="antifeature in app.antifeatures" :key="antifeature.id"> <div v-for="antifeature in app.antifeatures" :key="antifeature.id">
<dt class="d-inline"> <dt class="d-inline">
<YIcon :iname="antifeature.icon" class="md mr-1" /> <YIcon :iname="antifeature.icon" class="md me-1" />
{{ antifeature.title }}: {{ antifeature.title }}:
</dt> </dt>
<dd class="d-inline"> <dd class="d-inline">

View file

@ -19,7 +19,7 @@
v-for="{ id, description, label } in filteredApps" v-for="{ id, description, label } in filteredApps"
:key="id" :key="id"
:to="{ name: 'app-info', params: { id } }" :to="{ name: 'app-info', params: { id } }"
class="d-flex justify-content-between align-items-center pr-0" class="d-flex justify-content-between align-items-center pe-0"
> >
<div> <div>
<h5 class="font-weight-bold"> <h5 class="font-weight-bold">
@ -31,7 +31,7 @@
</p> </p>
</div> </div>
<YIcon iname="chevron-right" class="lg fs-sm ml-auto" /> <YIcon iname="chevron-right" class="lg fs-sm ms-auto" />
</BListGroupItem> </BListGroupItem>
</BListGroup> </BListGroup>
</ViewSearch> </ViewSearch>

View file

@ -19,7 +19,7 @@
> >
<h4 class="m-0"><YIcon iname="cube" /> {{ $t('system') }}</h4> <h4 class="m-0"><YIcon iname="cube" /> {{ $t('system') }}</h4>
<div class="ml-sm-auto mt-2 mt-sm-0"> <div class="ms-sm-auto mt-2 mt-sm-0">
<BButton <BButton
@click="toggleSelected(true, 'system')" @click="toggleSelected(true, 'system')"
v-t="'select_all'" v-t="'select_all'"
@ -32,7 +32,7 @@
v-t="'select_none'" v-t="'select_none'"
size="sm" size="sm"
variant="outline-dark" variant="outline-dark"
class="ml-2" class="ms-2"
/> />
</div> </div>
</BListGroupItem> </BListGroupItem>
@ -41,9 +41,9 @@
<BListGroupItem <BListGroupItem
v-for="(item, partName) in system" v-for="(item, partName) in system"
:key="partName" :key="partName"
class="d-flex justify-content-between align-items-center pr-0" class="d-flex justify-content-between align-items-center pe-0"
> >
<div class="mr-2"> <div class="me-2">
<h5 class="font-weight-bold"> <h5 class="font-weight-bold">
{{ item.name }} {{ item.name }}
</h5> </h5>
@ -67,7 +67,7 @@
<YIcon iname="cubes" /> {{ $t('applications') }} <YIcon iname="cubes" /> {{ $t('applications') }}
</h4> </h4>
<div class="ml-sm-auto mt-2 mt-sm-0"> <div class="ms-sm-auto mt-2 mt-sm-0">
<BButton <BButton
@click="toggleSelected(true, 'apps')" @click="toggleSelected(true, 'apps')"
v-t="'select_all'" v-t="'select_all'"
@ -80,7 +80,7 @@
v-t="'select_none'" v-t="'select_none'"
size="sm" size="sm"
variant="outline-dark" variant="outline-dark"
class="ml-2" class="ms-2"
/> />
</div> </div>
</BListGroupItem> </BListGroupItem>
@ -89,9 +89,9 @@
<BListGroupItem <BListGroupItem
v-for="(item, appName) in apps" v-for="(item, appName) in apps"
:key="appName" :key="appName"
class="d-flex justify-content-between align-items-center pr-0" class="d-flex justify-content-between align-items-center pe-0"
> >
<div class="mr-2"> <div class="me-2">
<h5 class="font-weight-bold"> <h5 class="font-weight-bold">
{{ item.name }} {{ item.name }}
<small class="text-secondary">{{ item.id }}</small> <small class="text-secondary">{{ item.id }}</small>

View file

@ -68,9 +68,9 @@
<BListGroupItem <BListGroupItem
v-for="(item, partName) in system" v-for="(item, partName) in system"
:key="partName" :key="partName"
class="d-flex justify-content-between align-items-center pr-0" class="d-flex justify-content-between align-items-center pe-0"
> >
<div class="mr-2"> <div class="me-2">
<h5 class="font-weight-bold"> <h5 class="font-weight-bold">
{{ item.name }} {{ item.name }}
<small class="text-secondary" v-if="item.size"> <small class="text-secondary" v-if="item.size">
@ -89,9 +89,9 @@
<BListGroupItem <BListGroupItem
v-for="(item, appName) in apps" v-for="(item, appName) in apps"
:key="appName" :key="appName"
class="d-flex justify-content-between align-items-center pr-0" class="d-flex justify-content-between align-items-center pe-0"
> >
<div class="mr-2"> <div class="me-2">
<h5 class="font-weight-bold"> <h5 class="font-weight-bold">
{{ item.name }} {{ item.name }}
<small class="text-secondary"> <small class="text-secondary">

View file

@ -25,7 +25,7 @@
:key="name" :key="name"
:to="{ name: 'backup-info', params: { name, id } }" :to="{ name: 'backup-info', params: { name, id } }"
:title="readableDate(created_at)" :title="readableDate(created_at)"
class="d-flex justify-content-between align-items-center pr-0" class="d-flex justify-content-between align-items-center pe-0"
> >
<div> <div>
<h5 class="font-weight-bold"> <h5 class="font-weight-bold">
@ -38,7 +38,7 @@
{{ path }} {{ path }}
</p> </p>
</div> </div>
<YIcon iname="chevron-right" class="lg fs-sm ml-auto" /> <YIcon iname="chevron-right" class="lg fs-sm ms-auto" />
</BListGroupItem> </BListGroupItem>
</BListGroup> </BListGroup>
</ViewBase> </ViewBase>

View file

@ -5,7 +5,7 @@
v-for="{ id, name, uri } in storages" v-for="{ id, name, uri } in storages"
:key="id" :key="id"
:to="{ name: 'backup-list', params: { id } }" :to="{ name: 'backup-list', params: { id } }"
class="d-flex justify-content-between align-items-center pr-0" class="d-flex justify-content-between align-items-center pe-0"
> >
<div> <div>
<h5 class="font-weight-bold"> <h5 class="font-weight-bold">
@ -16,7 +16,7 @@
{{ uri }} {{ uri }}
</p> </p>
</div> </div>
<YIcon iname="chevron-right" class="lg fs-sm ml-auto" /> <YIcon iname="chevron-right" class="lg fs-sm ms-auto" />
</BListGroupItem> </BListGroupItem>
</BListGroup> </BListGroup>
</div> </div>

View file

@ -86,9 +86,9 @@
:faded="item.ignored" :faded="item.ignored"
> >
<div class="item-button d-flex align-items-center"> <div class="item-button d-flex align-items-center">
<p class="mb-0 mr-2" v-html="item.summary" /> <p class="mb-0 me-2" v-html="item.summary" />
<div class="d-flex flex-column flex-lg-row ml-auto"> <div class="d-flex flex-column flex-lg-row ms-auto">
<BButton <BButton
v-if="item.ignored" v-if="item.ignored"
size="sm" size="sm"
@ -109,7 +109,7 @@
v-if="item.details" v-if="item.details"
size="sm" size="sm"
variant="outline-dark" variant="outline-dark"
class="ml-lg-2 mt-2 mt-lg-0" class="ms-lg-2 mt-2 mt-lg-0"
v-b-toggle="`collapse-${report.id}-item-${i}`" v-b-toggle="`collapse-${report.id}-item-${i}`"
> >
<YIcon iname="level-down" /> {{ $t('details') }} <YIcon iname="level-down" /> {{ $t('details') }}
@ -121,7 +121,7 @@
v-if="item.details" v-if="item.details"
:id="`collapse-${report.id}-item-${i}`" :id="`collapse-${report.id}-item-${i}`"
> >
<ul class="mt-2 pl-4"> <ul class="mt-2 ps-4">
<li <li
v-for="(detail, index) in item.details" v-for="(detail, index) in item.details"
:key="index" :key="index"

View file

@ -48,7 +48,7 @@
<!-- DOMAIN CERT AUTHORITY --> <!-- DOMAIN CERT AUTHORITY -->
<DescriptionRow :term="$t('domain.info.certificate_authority')"> <DescriptionRow :term="$t('domain.info.certificate_authority')">
<YIcon :iname="cert.icon" :variant="cert.variant" class="mr-1" /> <YIcon :iname="cert.icon" :variant="cert.variant" class="me-1" />
{{ $t('domain.cert.types.' + cert.authority) }} {{ $t('domain.cert.types.' + cert.authority) }}
<span class="text-secondary px-2"> <span class="text-secondary px-2">
({{ ({{
@ -83,7 +83,7 @@
v-for="app in domain.apps" v-for="app in domain.apps"
:key="app.id" :key="app.id"
size="sm" size="sm"
class="mr-2 mb-2" class="me-2 mb-2"
> >
<BButton <BButton
class="py-0 font-weight-bold" class="py-0 font-weight-bold"

View file

@ -22,7 +22,7 @@
> >
<template #default="{ data, parent }"> <template #default="{ data, parent }">
<div class="w-100 d-flex justify-content-between align-items-center"> <div class="w-100 d-flex justify-content-between align-items-center">
<h5 class="mr-3"> <h5 class="me-3">
<BLink :to="data.to" class="text-body text-decoration-none"> <BLink :to="data.to" class="text-body text-decoration-none">
<span class="font-weight-bold"> <span class="font-weight-bold">
{{ data.name.replace(parent ? parent.data.name : null, '') }} {{ data.name.replace(parent ? parent.data.name : null, '') }}
@ -35,7 +35,7 @@
<small <small
v-if="data.name === mainDomain" v-if="data.name === mainDomain"
:title="$t('domain.types.main_domain')" :title="$t('domain.types.main_domain')"
class="ml-1" class="ms-1"
v-b-tooltip.hover v-b-tooltip.hover
> >
<YIcon iname="star" /> <YIcon iname="star" />

View file

@ -18,7 +18,7 @@
} in filteredServices" } in filteredServices"
:key="name" :key="name"
:to="{ name: 'service-info', params: { name } }" :to="{ name: 'service-info', params: { name } }"
class="d-flex justify-content-between align-items-center pr-0" class="d-flex justify-content-between align-items-center pe-0"
> >
<div> <div>
<h5 class="font-weight-bold"> <h5 class="font-weight-bold">
@ -36,7 +36,7 @@
</p> </p>
</div> </div>
<YIcon iname="chevron-right" class="lg fs-sm ml-auto" /> <YIcon iname="chevron-right" class="lg fs-sm ms-auto" />
</BListGroupItem> </BListGroupItem>
</BListGroup> </BListGroup>
</ViewSearch> </ViewSearch>

View file

@ -6,9 +6,9 @@
:key="item.routeName" :key="item.routeName"
:to="{ name: item.routeName }" :to="{ name: item.routeName }"
> >
<YIcon :iname="item.icon" class="lg ml-1" /> <YIcon :iname="item.icon" class="lg ms-1" />
<h4>{{ $t(item.translation) }}</h4> <h4>{{ $t(item.translation) }}</h4>
<YIcon iname="chevron-right" class="lg fs-sm ml-auto" /> <YIcon iname="chevron-right" class="lg fs-sm ms-auto" />
</BListGroupItem> </BListGroupItem>
</BListGroup> </BListGroup>
</template> </template>

View file

@ -16,7 +16,7 @@
:to="{ name: 'tool-log', params: { name: log.name || log.log_path } }" :to="{ name: 'tool-log', params: { name: log.name || log.log_path } }"
:title="readableDate(log.started_at)" :title="readableDate(log.started_at)"
> >
<small class="mr-3">{{ distanceToNow(log.started_at) }} </small> <small class="me-3">{{ distanceToNow(log.started_at) }} </small>
<YIcon :iname="log.icon" :class="'text-' + log.class" /> <YIcon :iname="log.icon" :class="'text-' + log.class" />
{{ log.description }} {{ log.description }}
</BListGroupItem> </BListGroupItem>

View file

@ -22,7 +22,7 @@
<div class="d-flex align-items-center"> <div class="d-flex align-items-center">
{{ number }}. {{ description }} {{ number }}. {{ description }}
<div class="ml-auto"> <div class="ms-auto">
<BButton @click="skipMigration(id)" size="sm" variant="warning"> <BButton @click="skipMigration(id)" size="sm" variant="warning">
<YIcon iname="close" /> {{ $t('skip') }} <YIcon iname="close" /> {{ $t('skip') }}
</BButton> </BButton>

View file

@ -35,7 +35,7 @@
v-for="user in filteredUsers" v-for="user in filteredUsers"
:key="user.username" :key="user.username"
:to="{ name: 'user-info', params: { name: user.username } }" :to="{ name: 'user-info', params: { name: user.username } }"
class="d-flex justify-content-between align-items-center pr-0" class="d-flex justify-content-between align-items-center pe-0"
> >
<div> <div>
<h5 class="font-weight-bold"> <h5 class="font-weight-bold">
@ -46,7 +46,7 @@
{{ user.mail }} {{ user.mail }}
</p> </p>
</div> </div>
<YIcon iname="chevron-right" class="lg fs-sm ml-auto" /> <YIcon iname="chevron-right" class="lg fs-sm ms-auto" />
</BListGroupItem> </BListGroupItem>
</BListGroup> </BListGroup>
</ViewSearch> </ViewSearch>