Skip to content
This repository has been archived by the owner on Jan 3, 2024. It is now read-only.

Commit

Permalink
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Resolve PR issues #2
Browse files Browse the repository at this point in the history
lookacat committed Apr 20, 2022
1 parent 6f3f8bb commit be1c9ff
Showing 1 changed file with 13 additions and 5 deletions.
18 changes: 13 additions & 5 deletions src/components/atoms/OcContextualHelper/OcContextualHelper.vue
Original file line number Diff line number Diff line change
@@ -1,18 +1,25 @@
<template>
<div class="oc-contextual-helper">
<oc-button :id="`${buttonId}`" appearance="raw">
<oc-button :id="buttonId" appearance="raw">
<oc-icon name="question" fill-type="line" size="small" />
</oc-button>
<oc-drop :drop-id="dropId" :toggle="`#${buttonId}`" mode="click" close-on-click>
<div class="info-drop-content">
<span class="info-text" v-text="text" />
<p class="info-text" v-text="text" />
<ul v-if="list.length" class="info-list oc-pl-l">
<li v-for="(item, index) in list" :key="index" class="oc-pl-rm">
{{ item }}
</li>
</ul>
<span class="info-text-end" v-text="endText" />
<a v-if="readMoreLink" class="info-more-link" :href="readMoreLink" target="_blank"
<p class="info-text-end" v-text="endText" />
<a
v-if="readMoreLink"
v-translate
appearance="raw"
size="small"
class="info-more-link"
:href="readMoreLink"
target="_blank"
>Read more</a
>
</div>
@@ -24,11 +31,12 @@
import uniqueId from "../../../utils/uniqueId"
import OcButton from "../../atoms/OcButton/OcButton.vue"
import OcIcon from "../../atoms/OcIcon/OcIcon.vue"
import OcDrop from "../../atoms/OcDrop/OcDrop.vue"
export default {
name: "OcContextualHelper",
status: "unreleased",
components: { OcButton, OcIcon },
components: { OcButton, OcIcon, OcDrop },
props: {
text: {
type: String,

0 comments on commit be1c9ff

Please sign in to comment.