Skip to content

Commit

Permalink
🚸 (#2345): use 20px as default size for all icons
Browse files Browse the repository at this point in the history 
Signed-off-by: Vinicius Reis <vinicius.reis@nextcloud.com>
  • Loading branch information
Vinicius Reis committed May 25, 2022
1 parent fbe7f11 commit 13e2a0d
Showing 1 changed file with 91 additions and 38 deletions.
129 changes: 91 additions & 38 deletions src/components/icons.js
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/* eslint-disable camelcase */
/*
* @copyright Copyright (c) 2022 Vinicius Reis <vinicius@nextcloud.com>
*
Expand All @@ -20,47 +21,99 @@
*
*/

import MdiLoading from 'vue-material-design-icons/Loading'
import MDI_Loading from 'vue-material-design-icons/Loading'

export { default as Lock } from 'vue-material-design-icons/Lock'
export { default as Delete } from 'vue-material-design-icons/Delete'
export { default as Undo } from 'vue-material-design-icons/ArrowULeftTop'
export { default as Redo } from 'vue-material-design-icons/ArrowURightTop'
export { default as Info } from 'vue-material-design-icons/Information'
export { default as Positive } from 'vue-material-design-icons/CheckboxMarkedCircle'
export { default as Warn } from 'vue-material-design-icons/AlertCircle'
export { default as Danger } from 'vue-material-design-icons/AlertDecagram'
export { default as CodeTags } from 'vue-material-design-icons/CodeTags'
export { default as Table } from 'vue-material-design-icons/Table'
export { default as Emoticon } from 'vue-material-design-icons/EmoticonOutline'
export { default as Images } from 'vue-material-design-icons/ImageMultipleOutline'
export { default as Help } from 'vue-material-design-icons/HelpCircle'
export { default as Upload } from 'vue-material-design-icons/Upload'
export { default as Folder } from 'vue-material-design-icons/Folder'
export { default as DotsHorizontal } from 'vue-material-design-icons/DotsHorizontal'
export { default as FormatBold } from 'vue-material-design-icons/FormatBold'
export { default as FormatItalic } from 'vue-material-design-icons/FormatItalic'
export { default as FormatUnderline } from 'vue-material-design-icons/FormatUnderline'
export { default as FormatStrikethrough } from 'vue-material-design-icons/FormatStrikethrough'
export { default as FormatHeader1 } from 'vue-material-design-icons/FormatHeader1'
export { default as FormatHeader2 } from 'vue-material-design-icons/FormatHeader2'
export { default as FormatHeader3 } from 'vue-material-design-icons/FormatHeader3'
export { default as FormatHeader4 } from 'vue-material-design-icons/FormatHeader4'
export { default as FormatHeader5 } from 'vue-material-design-icons/FormatHeader5'
export { default as FormatHeader6 } from 'vue-material-design-icons/FormatHeader6'
export { default as FormatListNumbered } from 'vue-material-design-icons/FormatListNumbered'
export { default as FormatListBulleted } from 'vue-material-design-icons/FormatListBulleted'
export { default as FormatListCheckbox } from 'vue-material-design-icons/FormatListCheckbox'
export { default as FormatQuote } from 'vue-material-design-icons/FormatQuoteClose'
export { default as TableSettings } from 'vue-material-design-icons/TableCog'
export { default as TableAddRowAfter } from 'vue-material-design-icons/TableRowPlusAfter'
export { default as TableAddRowBefore } from 'vue-material-design-icons/TableRowPlusBefore'
export { default as TableAddColumnAfter } from 'vue-material-design-icons/TableColumnPlusAfter'
export { default as TableAddColumnBefore } from 'vue-material-design-icons/TableColumnPlusBefore'
import MDI_Lock from 'vue-material-design-icons/Lock'
import MDI_Delete from 'vue-material-design-icons/Delete'
import MDI_Undo from 'vue-material-design-icons/ArrowULeftTop'
import MDI_Redo from 'vue-material-design-icons/ArrowURightTop'
import MDI_Info from 'vue-material-design-icons/Information'
import MDI_Positive from 'vue-material-design-icons/CheckboxMarkedCircle'
import MDI_Warn from 'vue-material-design-icons/AlertCircle'
import MDI_Danger from 'vue-material-design-icons/AlertDecagram'
import MDI_CodeTags from 'vue-material-design-icons/CodeTags'
import MDI_Table from 'vue-material-design-icons/Table'
import MDI_Emoticon from 'vue-material-design-icons/EmoticonOutline'
import MDI_Images from 'vue-material-design-icons/ImageMultipleOutline'
import MDI_Help from 'vue-material-design-icons/HelpCircle'
import MDI_Upload from 'vue-material-design-icons/Upload'
import MDI_Folder from 'vue-material-design-icons/Folder'
import MDI_DotsHorizontal from 'vue-material-design-icons/DotsHorizontal'
import MDI_FormatBold from 'vue-material-design-icons/FormatBold'
import MDI_FormatItalic from 'vue-material-design-icons/FormatItalic'
import MDI_FormatUnderline from 'vue-material-design-icons/FormatUnderline'
import MDI_FormatStrikethrough from 'vue-material-design-icons/FormatStrikethrough'
import MDI_FormatHeader1 from 'vue-material-design-icons/FormatHeader1'
import MDI_FormatHeader2 from 'vue-material-design-icons/FormatHeader2'
import MDI_FormatHeader3 from 'vue-material-design-icons/FormatHeader3'
import MDI_FormatHeader4 from 'vue-material-design-icons/FormatHeader4'
import MDI_FormatHeader5 from 'vue-material-design-icons/FormatHeader5'
import MDI_FormatHeader6 from 'vue-material-design-icons/FormatHeader6'
import MDI_FormatListNumbered from 'vue-material-design-icons/FormatListNumbered'
import MDI_FormatListBulleted from 'vue-material-design-icons/FormatListBulleted'
import MDI_FormatListCheckbox from 'vue-material-design-icons/FormatListCheckbox'
import MDI_FormatQuote from 'vue-material-design-icons/FormatQuoteClose'
import MDI_TableSettings from 'vue-material-design-icons/TableCog'
import MDI_TableAddRowAfter from 'vue-material-design-icons/TableRowPlusAfter'
import MDI_TableAddRowBefore from 'vue-material-design-icons/TableRowPlusBefore'
import MDI_TableAddColumnAfter from 'vue-material-design-icons/TableColumnPlusAfter'
import MDI_TableAddColumnBefore from 'vue-material-design-icons/TableColumnPlusBefore'

const DEFAULT_ICON_SIZE = 20

const makeIcon = (original) => ({
functional: true,
render(h, { data, props }) {
return h(original, {
data,
props: { size: DEFAULT_ICON_SIZE, ...props },
})
},
})

export const Loading = {
functional: true,
render(h) {
return h(MdiLoading, { staticClass: 'animation-rotate' })
render(h, { data, props }) {
return h(MDI_Loading, {
data,
staticClass: 'animation-rotate',
props: { size: DEFAULT_ICON_SIZE, ...props },
})
},
}

export const Lock = makeIcon(MDI_Lock)
export const Delete = makeIcon(MDI_Delete)
export const Undo = makeIcon(MDI_Undo)
export const Redo = makeIcon(MDI_Redo)
export const Info = makeIcon(MDI_Info)
export const Positive = makeIcon(MDI_Positive)
export const Warn = makeIcon(MDI_Warn)
export const Danger = makeIcon(MDI_Danger)
export const CodeTags = makeIcon(MDI_CodeTags)
export const Table = makeIcon(MDI_Table)
export const Emoticon = makeIcon(MDI_Emoticon)
export const Images = makeIcon(MDI_Images)
export const Help = makeIcon(MDI_Help)
export const Upload = makeIcon(MDI_Upload)
export const Folder = makeIcon(MDI_Folder)
export const DotsHorizontal = makeIcon(MDI_DotsHorizontal)
export const FormatBold = makeIcon(MDI_FormatBold)
export const FormatItalic = makeIcon(MDI_FormatItalic)
export const FormatUnderline = makeIcon(MDI_FormatUnderline)
export const FormatStrikethrough = makeIcon(MDI_FormatStrikethrough)
export const FormatHeader1 = makeIcon(MDI_FormatHeader1)
export const FormatHeader2 = makeIcon(MDI_FormatHeader2)
export const FormatHeader3 = makeIcon(MDI_FormatHeader3)
export const FormatHeader4 = makeIcon(MDI_FormatHeader4)
export const FormatHeader5 = makeIcon(MDI_FormatHeader5)
export const FormatHeader6 = makeIcon(MDI_FormatHeader6)
export const FormatListNumbered = makeIcon(MDI_FormatListNumbered)
export const FormatListBulleted = makeIcon(MDI_FormatListBulleted)
export const FormatListCheckbox = makeIcon(MDI_FormatListCheckbox)
export const FormatQuote = makeIcon(MDI_FormatQuote)
export const TableSettings = makeIcon(MDI_TableSettings)
export const TableAddRowAfter = makeIcon(MDI_TableAddRowAfter)
export const TableAddRowBefore = makeIcon(MDI_TableAddRowBefore)
export const TableAddColumnAfter = makeIcon(MDI_TableAddColumnAfter)
export const TableAddColumnBefore = makeIcon(MDI_TableAddColumnBefore)

0 comments on commit 13e2a0d

Please sign in to comment.