#dev-controls .buttons-container {
display: -webkit-box;
+ height: 32px; /* height + padding-top matches #dev-controls height. */
padding-top: 13px;
}
white-space: nowrap;
}
+#apps-developer-tools-promo {
+ -webkit-padding-end: 3px;
+ align-items: center;
+ border-top: 1px solid #eee;
+ display: flex;
+ font-size: 13px;
+ margin-top: 7px; /* This matches #dev-controls padding-bottom. */
+ padding-top: 5px;
+}
+
+#apps-developer-tools-promo img {
+ content: url(apps_developer_tools_promo_48.png);
+}
+
+#apps-developer-tools-promo-text {
+ -webkit-margin-start: 5px;
+}
+
+#apps-developer-tools-promo-close-wrapper {
+ display: flex;
+ flex-grow: 1;
+ justify-content: flex-end;
+}
+
+#apps-developer-tools-promo .close-button {
+ background: url(chrome://theme/IDR_CLOSE_DIALOG) no-repeat center center;
+ border: 0;
+ height: 14px;
+ width: 14px;
+ z-index: 1;
+}
+
+#apps-developer-tools-promo .close-button:hover {
+ background-image: url(chrome://theme/IDR_CLOSE_DIALOG_H);
+}
+
+#apps-developer-tools-promo .close-button:active {
+ background-image: url(chrome://theme/IDR_CLOSE_DIALOG_P);
+}
+
#extension-settings.dev-mode #dev-controls {
-webkit-transition-duration: 250ms;
height: 45px;
padding-bottom: 7px;
}
+#extension-settings.dev-mode.adt-promo #dev-controls {
+ height: 105px; /* Allow more height for the Apps Developer Tools promo. */
+}
+
#dev-controls-spacer {
-webkit-box-flex: 1;
}
text-align: end;
}
+.extension-code {
+ border: 1px solid #ccc;
+ display: flex;
+ font-family: monospace;
+ overflow: auto;
+ white-space: pre;
+}
+
+.extension-code > * {
+ padding: 3px;
+}
+
+.extension-code-line-numbers {
+ align-self: flex-start;
+ background-color: rgba(240, 240, 240, 1);
+ border-right: 1px solid #ccc;
+ color: rgba(128, 128, 128, 1);
+ flex-shrink: 0;
+ text-align: right;
+}
+
#extension-settings:not(.dev-mode) .developer-extras {
display: none;
}
}
#footer-section {
- background: url('chrome://theme/IDR_WEBSTORE_ICON_32') no-repeat left center;
+ background: url(chrome://theme/IDR_WEBSTORE_ICON_32) no-repeat left center;
+ background-size: 32px 32px;
font-size: 1.25em;
}
html[dir=rtl] #footer-section {
- background: url('chrome://theme/IDR_WEBSTORE_ICON_32') no-repeat right center;
+ background: url(chrome://theme/IDR_WEBSTORE_ICON_32) no-repeat right center;
}
#footer-section > a {
min-height: 48px;
}
+.extension-list-item a {
+ -webkit-margin-start: 0.5em;
+ display: inline-block;
+}
+
html[dir='rtl'] .extension-list-item {
background-position: right;
}
font-weight: 400;
}
-.extension-description {
+.extension-description,
+.corrupt-install-message {
-webkit-padding-end: 5px;
font-size: 13px;
margin: 5px 0;
white-space: normal;
}
+.corrupt-install-message {
+ color: rgb(196, 42, 23);
+}
+
+.action-links {
+ margin-bottom: 0.5em;
+}
+
+.action-links a {
+ -webkit-margin-end: 1em;
+ -webkit-margin-start: 0;
+}
+
.extension-details {
-webkit-box-flex: 1;
+ -webkit-padding-end: 7px;
-webkit-padding-start: 55px;
}
.extension-description,
+.extension-version,
.extension-list-item-wrapper.inactive-extension .extension-details,
.location-text,
.blacklist-text,
position: relative;
}
-.enable-checkbox-text {
+/* We use x[is='action-link'] here so that we get higher specifity than the
+ * action link rules without resorting to the Dark Side (!IMPORTANT). */
+.terminated-reload-link[is='action-link'],
+.corrupted-repair-button[is='action-link'] {
/* Matches width of trash. */
-webkit-margin-end: 30px;
}
word-wrap: break-word;
}
-.terminated-reload-link {
- -webkit-margin-end: 2.5em;
- padding-top: 7px;
-}
-
-.extension-list-item a {
- -webkit-margin-start: 0.5em;
+.terminated-reload-link,
+.corrupted-repair-button {
display: inline-block;
+ padding-top: 7px;
}
.install-warnings a {
margin: 0;
}
+.error-collection-control {
+ -webkit-margin-start: 5px;
+ display: none;
+}
+
+#extension-settings.dev-mode .error-collection-control {
+ display: initial;
+}
+
#font-measuring-div {
/* Remove from the flow and hide. */
position: absolute;
-webkit-transition: opacity 200ms;
height: 22px;
opacity: 0.8;
- position: absolute;
+ position: relative;
right: 0;
- top: 3px;
- vertical-align: middle;
+ top: 6px;
}
html[dir='rtl'] #extension-settings .trash {
}
.extension-highlight {
- background: rgb(238, 238, 238);
- background-position: auto;
- background-repeat: auto;
+ background: rgb(250, 250, 250);
border-radius: 3px;
padding: 5px 0 5px 5px;
}
-.may-not-modify .optional-controls .optional-controls-disableable {
- display: none;
-}
-
-/* Managed mode */
+/* Supervised users */
-.page:not(.profile-is-managed) .profile-is-managed-banner,
-.profile-is-managed .more-extensions-link {
+.page:not(.profile-is-supervised) .profile-is-supervised-banner,
+.profile-is-supervised .more-extensions-link {
display: none;
}
-.profile-is-managed-banner .page-banner-text {
- background-image: url('chrome://theme/IDR_WARNING');
+.profile-is-supervised-banner .page-banner-text {
+ background-image: url(chrome://theme/IDR_WARNING);
}
/* Sideload Wipeout */