diff --git a/Makefile b/Makefile index 559087c94..25dce3cd3 100644 --- a/Makefile +++ b/Makefile @@ -13,7 +13,7 @@ user-manual-html: cd user_manual && make html @echo "User manual build finished; HTML is updated" -developer-manual-html: openapi-spec # icons-docs +developer-manual-html: openapi-spec rm -rf developer_manual/_build/html/com cd developer_manual && make html @echo "Developer manual build finished; HTML is updated" @@ -41,12 +41,5 @@ openapi-spec: get-server-sources wget https://unpkg.com/@stoplight/elements@7.7.17/styles.min.css -O stoplight-elements.css -icons-docs: clean-icons-docs get-server-sources - cd build && composer install && composer update - cd build && php generateIconsDoc.php - -clean: clean-icons-docs +clean: rm -r admin_manual/_build developer_manual/_build user_manual/_build user_manual_de_/_build - -clean-icons-docs: - rm -rf developer_manual/design/img/ diff --git a/build/composer.json b/build/composer.json index 1463f06d5..41e3b1a7b 100644 --- a/build/composer.json +++ b/build/composer.json @@ -9,10 +9,13 @@ ], "require": { "juliushaertl/phpdoc-to-rst": "dev-php7.0", - "phpdocumentor/reflection": "dev-php7.0", - "leafo/scssphp": "dev-master" + "phpdocumentor/reflection": "dev-php7.0" }, "config": { - "github-protocols": ["https"] + "github-protocols": ["https"], + "platform": { + "php": "7.4" + }, + "sort-packages": true } } diff --git a/build/generateIconsDoc.php b/build/generateIconsDoc.php deleted file mode 100755 index 2b6cf83e8..000000000 --- a/build/generateIconsDoc.php +++ /dev/null @@ -1,165 +0,0 @@ - - * - * @author John Molakvoæ - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ - -include __DIR__ . '/vendor/autoload.php'; - -use Leafo\ScssPhp\Compiler; -use Leafo\ScssPhp\Formatter\Crunched; - -function command_exist($cmd) { - $return = shell_exec(sprintf("which %s", escapeshellarg($cmd))); - return !empty($return); -} - -// You need svgexport to run this script -if (!command_exist('svgexport')) { - print("\n\nYou need svgexport to run this script. Please install it with `npm install svgexport -g`\n\n"); - exit(1); -} - -$sourceDirectory = __DIR__ . '/server'; -$destinationDirectory = __DIR__ . '/../developer_manual/html_css_design/'; - -// Init scss compiler -$scss = new Compiler(); -$scss->setImportPaths([ - __DIR__ . '/server/core/css' -]); - -// Continue after throw -$scss->setIgnoreErrors(true); -$scss->setFormatter(Crunched::class); - -$compiledScss = $scss->compile( - '@import "variables.scss";' . - '@import "functions.scss";' . - // override the path generator function - '@function icon-color-path($icon, $dir, $color, $version: 1, $core: false) { - $color: remove-hash-from-color($color); - @if $core { - @return "/core/img/#{$dir}/#{$icon}"; - } @else { - @return "/apps/#{$dir}/img/#{$icon}"; - } - }'. - '@import "icons.scss";' -); - -$icons = []; -$lines = explode('}', $compiledScss); -$reIcon = '/^\.(icon-[a-z-]+)/i'; -$reUrl = '/url\(\"([a-z0-9-.\/]+)/i'; - -print("\nParsing icons... \n"); - -// get all icons and urls -foreach($lines as $line) { - if (preg_match($reIcon, $line, $matches)) { - $icon = $matches[1]; - if (preg_match($reUrl, $line, $matches)) { - $icons[$icon] = $matches[1]; - } - } -} - -$count = count($icons); -print(" - $count icons found!\n"); -print("\nFormating rst file and converting icons... \n"); - -// format rst -$rst = ''; -foreach($icons as $class => $icon) { - /** - * removing unwanted path and removing last slash - * /core/img/actions/caret -> actions/caret - */ - $path = implode('/', array_slice(explode('/', $icon), 3, 2)); - $inPath = $sourceDirectory . $icon . '.svg'; - - if (file_exists($inPath)) { - $isWhite = substr($class, -strlen('white')) === 'white'; - if ($isWhite) { - $path .= '-white'; //adding white suffix - } - $outPath = $destinationDirectory . 'img/' . $path . '.png'; - - // filling the rst file - $rst .= ".. figure:: img/$path.*\n"; - if ($isWhite) { - $rst .= " :class: white-icon\n"; - } - $rst .= " :height: 32\n"; - $rst .= " :width: 32\n\n"; - $rst .= " $class\n\n"; - - // create directory - $dir = implode('/', array_slice(explode('/', $destinationDirectory . 'img/' . $path), 0, -1)); - if (!file_exists($dir)) { - print(" - creating dir $dir \n"); - mkdir($dir, 0777, true); - } - - // ! can't use svg in rst - // copy original icon - // if (!@copy($sourceDirectory . $icon . '.svg', $destinationDirectory . 'img/' . $path . '.svg')) { - // print(' - error while copying ' . $sourceDirectory . $icon . '.svg' . "\n"); - // } - - // converting - if ($isWhite) { - exec("svgexport $sourceDirectory$icon.svg $outPath 64: ' - circle:not([fill='none']), - rect:not([fill=\"none\"]), - path:not([fill=\"none\"]) { - fill: white; - } - circle[stroke], - rect[stroke], - path[stroke] { - stroke: white; - } - '"); - } else { - exec("svgexport $sourceDirectory$icon.svg $outPath 64:"); - } - } else { - print(" - error while converting $inPath\n"); - } - -} - -print("\nWriting rst file... \n"); - -// write file -$file = fopen($destinationDirectory . 'icons.txt', 'w'); -fwrite($file, $rst); -fclose($file); - -print(" - done! \n"); - -// path = path.split('/') -// localpath = '/'.join(path[3:5]) -// result += ".. figure:: img/" + localpath + ".*\n :height: 32\n :width: 32\n\n " + icon[1:] + "\n\n" -// os.system('inkscape -z img/' + localpath + '.svg -e img/' + localpath + '.png') - - diff --git a/developer_manual/html_css_design/css.rst b/developer_manual/html_css_design/css.rst index 7c5c92607..2dcbdf4dd 100644 --- a/developer_manual/html_css_design/css.rst +++ b/developer_manual/html_css_design/css.rst @@ -26,10 +26,11 @@ https://github.com/nextcloud/server/blob/master/core/css/variables.scss .. _cssicons: - SCSS icon mixins ================ +.. deprecated:: 25 + Some SCSS mixins and functions are employed to add and manage SVG icons. These functions need to be used to add the icons via background-image. They create a list of every icon used in Nextcloud and create an associated list of variables. diff --git a/developer_manual/html_css_design/icons.rst b/developer_manual/html_css_design/icons.rst index 5dfb3d280..62b007087 100644 --- a/developer_manual/html_css_design/icons.rst +++ b/developer_manual/html_css_design/icons.rst @@ -10,18 +10,23 @@ Icons List of available icons ======================= -White icons only have a grey background on this documentation page for readability purposes. +.. deprecated:: 25 - .. include:: icons.txt +The icons available in the core/img/ folder of the server are deprecated. You can use them at own risk. +Due to a change of the way the list is produced now on the server it can no longer be automatically turned into documentation. -.. _svgcolorapi: +Please use `Material design icons`_ instead. +.. _svgcolorapi: Svg color api ============= +.. deprecated:: 25 + The svg API is not supported anymore due to performance reasons. +Please use `Material design icons`_ instead. Material design icons ===================== diff --git a/developer_manual/html_css_design/icons.txt b/developer_manual/html_css_design/icons.txt deleted file mode 100644 index e9338f0bf..000000000 --- a/developer_manual/html_css_design/icons.txt +++ /dev/null @@ -1,1181 +0,0 @@ -.. figure:: img/actions/add.* - :height: 32 - :width: 32 - - icon-add - -.. figure:: img/actions/add-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-add-white - -.. figure:: img/actions/address.* - :height: 32 - :width: 32 - - icon-address - -.. figure:: img/actions/address-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-address-white - -.. figure:: img/actions/audio.* - :height: 32 - :width: 32 - - icon-audio - -.. figure:: img/actions/audio-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-audio-white - -.. figure:: img/actions/audio-off.* - :height: 32 - :width: 32 - - icon-audio-off - -.. figure:: img/actions/audio-off-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-audio-off-white - -.. figure:: img/actions/caret-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-caret-white - -.. figure:: img/actions/caret.* - :height: 32 - :width: 32 - - icon-caret-dark - -.. figure:: img/actions/checkmark.* - :height: 32 - :width: 32 - - icon-checkmark - -.. figure:: img/actions/checkmark-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-checkmark-white - -.. figure:: img/actions/checkmark.* - :height: 32 - :width: 32 - - icon-checkmark-color - -.. figure:: img/actions/clippy.* - :height: 32 - :width: 32 - - icon-clippy - -.. figure:: img/actions/clippy-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-clippy-white - -.. figure:: img/actions/close.* - :height: 32 - :width: 32 - - icon-close - -.. figure:: img/actions/close-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-close-white - -.. figure:: img/actions/comment.* - :height: 32 - :width: 32 - - icon-comment - -.. figure:: img/actions/comment-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-comment-white - -.. figure:: img/actions/confirm.* - :height: 32 - :width: 32 - - icon-confirm - -.. figure:: img/actions/confirm-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-confirm-white - -.. figure:: img/actions/download.* - :height: 32 - :width: 32 - - icon-download - -.. figure:: img/actions/download-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-download-white - -.. figure:: img/actions/confirm-fade.* - :height: 32 - :width: 32 - - icon-confirm-fade - -.. figure:: img/actions/delete.* - :height: 32 - :width: 32 - - icon-delete - -.. figure:: img/actions/delete-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-delete-white - -.. figure:: img/actions/details.* - :height: 32 - :width: 32 - - icon-details - -.. figure:: img/actions/details-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-details-white - -.. figure:: img/actions/edit.* - :height: 32 - :width: 32 - - icon-edit - -.. figure:: img/actions/edit-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-edit-white - -.. figure:: img/actions/error.* - :height: 32 - :width: 32 - - icon-error - -.. figure:: img/actions/error-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-error-white - -.. figure:: img/actions/error.* - :height: 32 - :width: 32 - - icon-error-color - -.. figure:: img/actions/external.* - :height: 32 - :width: 32 - - icon-external - -.. figure:: img/actions/external-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-external-white - -.. figure:: img/actions/fullscreen.* - :height: 32 - :width: 32 - - icon-fullscreen - -.. figure:: img/actions/fullscreen-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-fullscreen-white - -.. figure:: img/actions/history.* - :height: 32 - :width: 32 - - icon-history - -.. figure:: img/actions/history-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-history-white - -.. figure:: img/actions/info.* - :height: 32 - :width: 32 - - icon-info - -.. figure:: img/actions/info-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-info-white - -.. figure:: img/actions/logout.* - :height: 32 - :width: 32 - - icon-logout - -.. figure:: img/actions/logout-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-logout-white - -.. figure:: img/actions/mail.* - :height: 32 - :width: 32 - - icon-mail - -.. figure:: img/actions/mail-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-mail-white - -.. figure:: img/actions/menu.* - :height: 32 - :width: 32 - - icon-menu - -.. figure:: img/actions/menu-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-menu-white - -.. figure:: img/actions/menu-sidebar.* - :height: 32 - :width: 32 - - icon-menu-sidebar - -.. figure:: img/actions/menu-sidebar-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-menu-sidebar-white - -.. figure:: img/actions/more.* - :height: 32 - :width: 32 - - icon-more - -.. figure:: img/actions/more-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-more-white - -.. figure:: img/actions/password.* - :height: 32 - :width: 32 - - icon-password - -.. figure:: img/actions/password-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-password-white - -.. figure:: img/actions/pause.* - :height: 32 - :width: 32 - - icon-pause - -.. figure:: img/actions/pause-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-pause-white - -.. figure:: img/actions/play.* - :height: 32 - :width: 32 - - icon-play - -.. figure:: img/actions/play-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-play-white - -.. figure:: img/actions/play-add.* - :height: 32 - :width: 32 - - icon-play-add - -.. figure:: img/actions/play-add-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-play-add-white - -.. figure:: img/actions/play-next.* - :height: 32 - :width: 32 - - icon-play-next - -.. figure:: img/actions/play-next-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-play-next-white - -.. figure:: img/actions/play-previous.* - :height: 32 - :width: 32 - - icon-play-previous - -.. figure:: img/actions/play-previous-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-play-previous-white - -.. figure:: img/actions/projects.* - :height: 32 - :width: 32 - - icon-projects - -.. figure:: img/actions/projects-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-projects-white - -.. figure:: img/actions/public.* - :height: 32 - :width: 32 - - icon-public - -.. figure:: img/actions/public-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-public-white - -.. figure:: img/actions/quota.* - :height: 32 - :width: 32 - - icon-quota - -.. figure:: img/actions/quota-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-quota-white - -.. figure:: img/actions/rename.* - :height: 32 - :width: 32 - - icon-rename - -.. figure:: img/actions/rename-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-rename-white - -.. figure:: img/actions/screen.* - :height: 32 - :width: 32 - - icon-screen - -.. figure:: img/actions/screen-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-screen-white - -.. figure:: img/actions/template-add.* - :height: 32 - :width: 32 - - icon-template-add - -.. figure:: img/actions/template-add-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-template-add-white - -.. figure:: img/actions/screen-off.* - :height: 32 - :width: 32 - - icon-screen-off - -.. figure:: img/actions/screen-off-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-screen-off-white - -.. figure:: img/actions/search.* - :height: 32 - :width: 32 - - icon-search - -.. figure:: img/actions/search-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-search-white - -.. figure:: img/actions/settings.* - :height: 32 - :width: 32 - - icon-settings - -.. figure:: img/actions/settings-dark.* - :height: 32 - :width: 32 - - icon-settings-dark - -.. figure:: img/actions/settings-dark-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-settings-white - -.. figure:: img/actions/share.* - :height: 32 - :width: 32 - - icon-shared - -.. figure:: img/actions/share-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-shared-white - -.. figure:: img/actions/sound.* - :height: 32 - :width: 32 - - icon-sound - -.. figure:: img/actions/sound-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-sound-white - -.. figure:: img/actions/sound-off.* - :height: 32 - :width: 32 - - icon-sound-off - -.. figure:: img/actions/sound-off-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-sound-off-white - -.. figure:: img/actions/star-dark.* - :height: 32 - :width: 32 - - icon-favorite - -.. figure:: img/actions/star-dark.* - :height: 32 - :width: 32 - - icon-star - -.. figure:: img/actions/star-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-star-white - -.. figure:: img/actions/star.* - :height: 32 - :width: 32 - - icon-star-dark - -.. figure:: img/actions/star.* - :height: 32 - :width: 32 - - icon-starred - -.. figure:: img/actions/tag.* - :height: 32 - :width: 32 - - icon-tag - -.. figure:: img/actions/tag-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-tag-white - -.. figure:: img/actions/timezone.* - :height: 32 - :width: 32 - - icon-timezone - -.. figure:: img/actions/timezone-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-timezone-white - -.. figure:: img/actions/toggle.* - :height: 32 - :width: 32 - - icon-toggle - -.. figure:: img/actions/toggle-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-toggle-white - -.. figure:: img/actions/toggle-background.* - :height: 32 - :width: 32 - - icon-toggle-background - -.. figure:: img/actions/toggle-background-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-toggle-background-white - -.. figure:: img/actions/toggle-pictures.* - :height: 32 - :width: 32 - - icon-toggle-pictures - -.. figure:: img/actions/toggle-pictures-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-toggle-pictures-white - -.. figure:: img/actions/toggle-filelist.* - :height: 32 - :width: 32 - - icon-toggle-filelist - -.. figure:: img/actions/toggle-filelist-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-toggle-filelist-white - -.. figure:: img/actions/triangle-e.* - :height: 32 - :width: 32 - - icon-triangle-e - -.. figure:: img/actions/triangle-e-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-triangle-e-white - -.. figure:: img/actions/triangle-n.* - :height: 32 - :width: 32 - - icon-triangle-n - -.. figure:: img/actions/triangle-n-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-triangle-n-white - -.. figure:: img/actions/triangle-s.* - :height: 32 - :width: 32 - - icon-triangle-s - -.. figure:: img/actions/triangle-s-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-triangle-s-white - -.. figure:: img/actions/upload.* - :height: 32 - :width: 32 - - icon-upload - -.. figure:: img/actions/upload-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-upload-white - -.. figure:: img/actions/user.* - :height: 32 - :width: 32 - - icon-user - -.. figure:: img/actions/user-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-user-white - -.. figure:: img/actions/group.* - :height: 32 - :width: 32 - - icon-group - -.. figure:: img/actions/group-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-group-white - -.. figure:: img/actions/filter.* - :height: 32 - :width: 32 - - icon-filter - -.. figure:: img/actions/filter-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-filter-white - -.. figure:: img/actions/video.* - :height: 32 - :width: 32 - - icon-video - -.. figure:: img/actions/video-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-video-white - -.. figure:: img/actions/video-off.* - :height: 32 - :width: 32 - - icon-video-off - -.. figure:: img/actions/video-off-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-video-off-white - -.. figure:: img/actions/video-switch.* - :height: 32 - :width: 32 - - icon-video-switch - -.. figure:: img/actions/video-switch-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-video-switch-white - -.. figure:: img/actions/view-close.* - :height: 32 - :width: 32 - - icon-view-close - -.. figure:: img/actions/view-download.* - :height: 32 - :width: 32 - - icon-view-download - -.. figure:: img/actions/view-pause.* - :height: 32 - :width: 32 - - icon-view-pause - -.. figure:: img/actions/view-play.* - :height: 32 - :width: 32 - - icon-view-play - -.. figure:: img/actions/arrow-right.* - :height: 32 - :width: 32 - - icon-view-next - -.. figure:: img/actions/arrow-left.* - :height: 32 - :width: 32 - - icon-view-previous - -.. figure:: img/actions/disabled-user.* - :height: 32 - :width: 32 - - icon-disabled-user - -.. figure:: img/actions/disabled-user-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-disabled-user-white - -.. figure:: img/actions/disabled-users.* - :height: 32 - :width: 32 - - icon-disabled-users - -.. figure:: img/actions/disabled-users-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-disabled-users-white - -.. figure:: img/actions/user-admin.* - :height: 32 - :width: 32 - - icon-user-admin - -.. figure:: img/actions/user-admin-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-user-admin-white - -.. figure:: img/actions/alert-outline.* - :height: 32 - :width: 32 - - icon-alert-outline - -.. figure:: img/actions/alert-outline-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-alert-outline-white - -.. figure:: img/places/calendar.* - :height: 32 - :width: 32 - - icon-calendar - -.. figure:: img/places/calendar.* - :height: 32 - :width: 32 - - icon-calendar-dark - -.. figure:: img/places/contacts.* - :height: 32 - :width: 32 - - icon-contacts - -.. figure:: img/places/contacts.* - :height: 32 - :width: 32 - - icon-contacts-dark - -.. figure:: img/places/files.* - :height: 32 - :width: 32 - - icon-files - -.. figure:: img/places/files.* - :height: 32 - :width: 32 - - icon-files-dark - -.. figure:: img/filetypes/text.* - :height: 32 - :width: 32 - - icon-file - -.. figure:: img/filetypes/file.* - :height: 32 - :width: 32 - - icon-filetype-file - -.. figure:: img/filetypes/folder.* - :height: 32 - :width: 32 - - icon-folder - -.. figure:: img/filetypes/folder-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-folder-white - -.. figure:: img/filetypes/folder.* - :height: 32 - :width: 32 - - icon-filetype-folder - -.. figure:: img/filetypes/folder-drag-accept.* - :height: 32 - :width: 32 - - icon-filetype-folder-drag-accept - -.. figure:: img/places/home.* - :height: 32 - :width: 32 - - icon-home - -.. figure:: img/places/home-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-home-white - -.. figure:: img/places/link.* - :height: 32 - :width: 32 - - icon-link - -.. figure:: img/places/link-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-link-white - -.. figure:: img/places/music.* - :height: 32 - :width: 32 - - icon-music - -.. figure:: img/places/music-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-music-white - -.. figure:: img/places/picture.* - :height: 32 - :width: 32 - - icon-picture - -.. figure:: img/places/picture-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-picture-white - -.. figure:: img/clients/desktop.* - :height: 32 - :width: 32 - - icon-desktop - -.. figure:: img/clients/desktop-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-desktop-white - -.. figure:: img/clients/phone.* - :height: 32 - :width: 32 - - icon-phone - -.. figure:: img/clients/phone-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-phone-white - -.. figure:: img/clients/tablet.* - :height: 32 - :width: 32 - - icon-tablet - -.. figure:: img/clients/tablet-white.* - :class: white-icon - :height: 32 - :width: 32 - - icon-tablet-white - -.. figure:: img/actions/user.* - :height: 32 - :width: 32 - - icon-category-installed - -.. figure:: img/actions/checkmark.* - :height: 32 - :width: 32 - - icon-category-enabled - -.. figure:: img/actions/close.* - :height: 32 - :width: 32 - - icon-category-disabled - -.. figure:: img/categories/bundles.* - :height: 32 - :width: 32 - - icon-category-app-bundles - -.. figure:: img/actions/download.* - :height: 32 - :width: 32 - - icon-category-updates - -.. figure:: img/categories/files.* - :height: 32 - :width: 32 - - icon-category-files - -.. figure:: img/categories/social.* - :height: 32 - :width: 32 - - icon-category-social - -.. figure:: img/categories/office.* - :height: 32 - :width: 32 - - icon-category-office - -.. figure:: img/categories/auth.* - :height: 32 - :width: 32 - - icon-category-auth - -.. figure:: img/categories/monitoring.* - :height: 32 - :width: 32 - - icon-category-monitoring - -.. figure:: img/categories/multimedia.* - :height: 32 - :width: 32 - - icon-category-multimedia - -.. figure:: img/categories/organization.* - :height: 32 - :width: 32 - - icon-category-organization - -.. figure:: img/categories/customization.* - :height: 32 - :width: 32 - - icon-category-customization - -.. figure:: img/categories/integration.* - :height: 32 - :width: 32 - - icon-category-integration - -.. figure:: img/actions/settings-dark.* - :height: 32 - :width: 32 - - icon-category-tools - -.. figure:: img/categories/games.* - :height: 32 - :width: 32 - - icon-category-games - -.. figure:: img/actions/password.* - :height: 32 - :width: 32 - - icon-category-security - -.. figure:: img/actions/search.* - :height: 32 - :width: 32 - - icon-category-search - -.. figure:: img/categories/workflow.* - :height: 32 - :width: 32 - - icon-category-workflow - -.. figure:: img/categories/dashboard.* - :height: 32 - :width: 32 - - icon-category-dashboard -