sean/manja_ui_dev
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

refactor: add prefixes to icons

Browse Source
This commit is contained in:
woothu
2019-11-18 11:43:07 +01:00
parent 07a6b95380
commit 0bf951c64d
68 changed files with 5116 additions and 8553 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/buttons/BrandButtons.vue
+8 -11
View File
@@ -31,7 +31,7 @@
:key="key"
:color="brandName"
>
<CIcon size="sm" :name="brandName"/>
<CIcon size="sm" :name="'cib-' + brandName"/>
<span>{{brandName}}</span>
</CButton>
</template>
@@ -44,7 +44,7 @@
:key="key"
:color="brandName"
>
<CIcon :name="brandName"/>
<CIcon :name="'cib-' + brandName"/>
<span>{{brandName}}</span>
</CButton>
</template>
@@ -58,7 +58,7 @@
:key="key"
:color="brandName"
>
<CIcon size="lg" :name="brandName"/>
<CIcon size="lg" :name="'cib-' + brandName"/>
<span>{{brandName}}</span>
</CButton>
</template>
@@ -84,7 +84,7 @@
:key="key"
:color="brandName"
>
<CIcon size="sm" :name="brandName"/>
<CIcon size="sm" :name="'cib-' + brandName"/>
</CButton>
</template>
</p>
@@ -96,7 +96,7 @@
:key="key"
:color="brandName"
>
<CIcon :name="brandName"/>
<CIcon :name="'cib-' + brandName"/>
</CButton>
</template>
</p>
@@ -109,7 +109,7 @@
:key="key"
:color="brandName"
>
<CIcon size="lg" :name="brandName"/>
<CIcon size="lg" :name="'cib-' + brandName"/>
</CButton>
</template>
</p>
@@ -132,7 +132,6 @@
<p>
<template v-for="(brandName, key) in $options.brands">
<CButton
:name="brandName"
size="sm"
:key="key"
:color="brandName"
@@ -145,7 +144,6 @@
<p>
<template v-for="(brandName, key) in $options.brands">
<CButton
:name="brandName"
:key="key"
:color="brandName"
>
@@ -157,7 +155,6 @@
<p>
<template v-for="(brandName, key) in $options.brands">
<CButton
:name="brandName"
size="lg"
:key="key"
:color="brandName"
@@ -176,8 +173,8 @@
export default {
name: 'BrandButtons',
usage: '<CButton color="facebook"><span>Facebook</span></CButton>',
iconsOnlyUsage: '<CButton color="facebook"><CIcon name="facebook"/></CButton>',
textOnlyUsage: '<CButton color="facebook"><CIcon name="facebook"/></CButton>',
iconsOnlyUsage: '<CButton color="facebook"><CIcon name="cib-facebook"/></CButton>',
textOnlyUsage: '<CButton color="facebook"><CIcon name="cib-facebook"/></CButton>',
brands: [
'facebook',
'twitter',
src/views/buttons/ButtonGroups.vue
+5 -5
View File
@@ -3,7 +3,7 @@
<CCol col="12">
<CCard>
<CCardHeader>
<CIcon name="justify-center"/>
<CIcon name="cil-justify-center"/>
<strong> Bootstrap button group</strong>
<div class="card-header-actions">
<a
@@ -41,7 +41,7 @@
<CCol col="12">
<CCard>
<CCardHeader>
<CIcon name="justify-center"/>
<CIcon name="cil-justify-center"/>
<strong> Button group </strong>sizing
</CCardHeader>
<CCardBody>
@@ -70,7 +70,7 @@
<CCol col="12">
<CCard>
<CCardHeader>
<CIcon name="justify-center"/><strong> Button group </strong>dropdown support
<CIcon name="cil-justify-center"/><strong> Button group </strong>dropdown support
</CCardHeader>
<CCardBody>
<div>
@@ -98,7 +98,7 @@
<CCol col="12">
<CCard>
<CCardHeader>
<CIcon name="justify-center"/>
<CIcon name="cil-justify-center"/>
<strong> Button group </strong>vertical variation
</CCardHeader>
<CCardBody>
@@ -115,7 +115,7 @@
<CCol col="12">
<CCard>
<CCardHeader>
<CIcon name="justify-center"/>
<CIcon name="cil-justify-center"/>
<strong> Button toolbar </strong>
<small>with button groups</small>
<!-- <div class="card-header-actions">
src/views/buttons/Dropdowns.vue
+6 -6
View File
@@ -4,7 +4,7 @@
<CCol col="12" md="6">
<CCard>
<CCardHeader>
<CIcon name="justify-center"/>
<CIcon name="cil-justify-center"/>
<strong> Bootstrap Dropdown</strong>
<div class="card-header-actions">
<a
@@ -69,7 +69,7 @@
<CCol col="12" md="6">
<CCard>
<CCardHeader>
<CIcon name="justify-center"/>
<CIcon name="cil-justify-center"/>
<strong> Dropdown </strong>
<small>positioning</small>
</CCardHeader>
@@ -140,7 +140,7 @@
<CCol col="12" md="6">
<CCard>
<CCardHeader>
<CIcon name="justify-center"/>
<CIcon name="cil-justify-center"/>
<strong> Dropdown </strong>
<small>hidden caret</small>
</CCardHeader>
@@ -165,7 +165,7 @@
<CCol col="12" md="6">
<CCard>
<CCardHeader>
<CIcon name="justify-center"/>
<CIcon name="cil-justify-center"/>
<strong> Dropdown </strong>
<small>sizing</small>
</CCardHeader>
@@ -222,7 +222,7 @@
<CCol col="12" md="6">
<CCard>
<CCardHeader>
<CIcon name="justify-center"/>
<CIcon name="cil-justify-center"/>
<strong> Dropdown </strong>
<small>headers and accessibility</small>
</CCardHeader>
@@ -254,7 +254,7 @@
<CCol col="12" md="6">
<CCard>
<CCardHeader>
<CIcon name="justify-center"/>
<CIcon name="cil-justify-center"/>
<strong> Dropdown </strong>
<small><code>color</code></small>
</CCardHeader>
src/views/buttons/StandardButtons.vue
+5 -5
View File
@@ -604,27 +604,27 @@
<CRow class="align-items-center">
<CCol sm xs="12" class="text-center mt-3">
<CButton color="primary">
<CIcon name="lightbulb"/>&nbsp;Standard Button
<CIcon name="cil-lightbulb"/>&nbsp;Standard Button
</CButton>
</CCol>
<CCol sm xs="12" class="text-center mt-3">
<CButton color="secondary" variant="outline">
<CIcon name="lightbulb"/>&nbsp;Outline Button
<CIcon name="cil-lightbulb"/>&nbsp;Outline Button
</CButton>
</CCol>
<CCol sm xs="12" class="text-center mt-3">
<CButton color="success">
<CIcon name="lightbulb"/>&nbsp;Ghost Button
<CIcon name="cil-lightbulb"/>&nbsp;Ghost Button
</CButton>
</CCol>
<CCol sm xs="12" class="text-center mt-3">
<CButton color="warning" square>
<CIcon name="lightbulb"/>&nbsp;Square Button
<CIcon name="cil-lightbulb"/>&nbsp;Square Button
</CButton>
</CCol>
<CCol sm xs="12" class="text-center mt-3">
<CButton color="danger" shape="pill">
<CIcon name="lightbulb"/>&nbsp;Pill Button
<CIcon name="cil-lightbulb"/>&nbsp;Pill Button
</CButton>
</CCol>
</CRow>