editBookmark.css (4255B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 #editBookmarkPanelContent { 6 display: grid; 7 grid-template-columns: auto; 8 } 9 10 #editBMPanel_folderTree, 11 #editBMPanel_tagsSelector { 12 margin: 0; 13 height: 12.5em; 14 flex: 1 auto; 15 border: 1px solid ThreeDShadow; 16 border-radius: var(--border-radius-small); 17 } 18 19 #editBMPanel_folderTree { 20 appearance: none; 21 overflow: hidden; 22 } 23 24 #editBMPanel_folderMenuList::part(icon) { 25 width: 16px; 26 height: 16px; 27 } 28 29 menulist.folder-icon { 30 list-style-image: url("chrome://global/skin/icons/folder.svg") !important; 31 } 32 33 .folder-icon { 34 -moz-context-properties: fill; 35 fill: currentColor; 36 --menuitem-icon: url("chrome://global/skin/icons/folder.svg"); 37 } 38 39 #editBMPanel_tagsSelector > richlistitem > image { 40 appearance: auto; 41 -moz-default-appearance: checkbox; 42 align-items: center; 43 margin: 0 2px; 44 min-width: 13px; 45 min-height: 13px; 46 } 47 48 @media (-moz-platform: windows) { 49 #editBMPanel_tagsSelector > richlistitem > image { 50 border: 1px solid -moz-DialogText; 51 background: Field no-repeat 50% 50%; 52 } 53 } 54 55 #bookmarkpropertiesdialog #editBMPanel_tagsSelector { 56 border-color: var(--border-color); 57 padding: 12px; 58 } 59 60 /* Reset default margins for tags so we can apply custom ones */ 61 #bookmarkpropertiesdialog #editBMPanel_tagsSelector > richlistitem > image, 62 #bookmarkpropertiesdialog #editBMPanel_tagsSelector > richlistitem > label { 63 margin: 0; 64 } 65 66 /* Set spacing between tags */ 67 #bookmarkpropertiesdialog #editBMPanel_tagsSelector > richlistitem:not(:last-child) { 68 margin-bottom: 8px; 69 } 70 71 #bookmarkpropertiesdialog #editBMPanel_tagsSelector > richlistitem > image { 72 margin-inline-end: 8px; 73 } 74 75 /* Bookmark panel dropdown icons */ 76 77 #editBMPanel_folderMenuList[selectedGuid="toolbar_____"] { 78 list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.svg") !important; 79 } 80 81 #editBMPanel_toolbarFolderItem { 82 --menuitem-icon: url("chrome://browser/skin/places/bookmarksToolbar.svg"); 83 } 84 85 #editBMPanel_folderMenuList[selectedGuid="menu________"] { 86 list-style-image: url("chrome://browser/skin/places/bookmarksMenu.svg") !important; 87 } 88 89 #editBMPanel_bmRootItem { 90 --menuitem-icon: url("chrome://browser/skin/places/bookmarksMenu.svg"); 91 } 92 93 #bookmarkpropertiesdialog #editBookmarkPanelContent > label:not(.editBMPanel_nameRow), 94 #bookmarkpropertiesdialog #editBookmarkPanelContent > #editBMPanel_folderTreeRow, 95 #bookmarkpropertiesdialog #editBookmarkPanelContent > #editBMPanel_tagsSelectorRow { 96 padding-block: var(--editbookmarkdialog-padding) 0; 97 } 98 99 #bookmarkpropertiesdialog #editBookmarkPanelContent label[control] { 100 margin-inline-start: 0; 101 margin-block: 0 4px; 102 } 103 104 #bookmarkpropertiesdialog #editBookmarkPanelContent { 105 padding: calc(var(--editbookmarkdialog-padding) / 2) var(--editbookmarkdialog-padding) var(--editbookmarkdialog-padding); 106 } 107 108 #bookmarkpropertiesdialog .expander-up, 109 #bookmarkpropertiesdialog .expander-down { 110 appearance: none; 111 -moz-context-properties: fill; 112 fill: currentColor; 113 margin: 0; 114 min-width: 32px; 115 min-height: 32px; 116 padding: 0; 117 } 118 119 #bookmarkpropertiesdialog .expander-up { 120 list-style-image: url("chrome://global/skin/icons/arrow-up.svg"); 121 } 122 123 #bookmarkpropertiesdialog .expander-down { 124 list-style-image: url("chrome://global/skin/icons/arrow-down.svg"); 125 } 126 127 #bookmarkpropertiesdialog #editBookmarkPanelContent > input, 128 #bookmarkpropertiesdialog #editBookmarkPanelContent > hbox > input, 129 #bookmarkpropertiesdialog #editBMPanel_folderMenuList { 130 margin: 0; 131 } 132 133 /* dialog-specific #editBookmarkPanel styles */ 134 135 #bookmarkpropertiesdialog #editBookmarkPanelContent { 136 padding-inline: 0; 137 margin-inline: 4px; 138 } 139 140 #bookmarkpropertiesdialog #editBookmarkPanelContent, 141 #bookmarkpropertiesdialog vbox#editBMPanel_nameRow { 142 padding-top: 0; 143 } 144 145 #bookmarkpropertiesdialog #editBookmarkPanelContent #editBMPanel_tagsField, 146 #bookmarkpropertiesdialog #editBookmarkPanelContent #editBMPanel_folderMenuList { 147 margin-inline-end: 16px; 148 } 149 150 #bookmarkpropertiesdialog .caption-label { 151 margin: 4px; 152 color: var(--text-color-deemphasized); 153 } 154 155 .caption-label { 156 font-size: 0.9em; 157 margin: 2px 4px; 158 }