/* From content */
* {
- -moz-box-sizing: border-box;
+ box-sizing: border-box;
}
:root {
}
.property-name {
- width: 50%;
+ /* -12px is so the expander triangle isn't pushed up above the property */
+ width: calc(100% - 12px);
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
+ outline: 0;
}
.property-value {
- width: 50%;
- max-width: 100%;
+ width: 100%;
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background-size: 5px 8px;
background-position: 2px center;
padding-left: 10px;
+ outline: 0;
}
.other-property-value {
width: 200px;
}
.property-value {
- width: auto;
+ /* -212px is accounting for the 200px property-name and the 12px triangle */
+ width: calc(100% - 212px);
}
}
}
/* From skin */
-.helplink {
- /* FIXME: remove this image
- background-image: url("chrome://browser/skin/devtools/goto-mdn.png");
- */
-}
-
.expander {
visibility: hidden;
margin-left: -12px!important;
cursor: pointer;
float: right;
}
+
+.computedview-colorswatch {
+ display: inline-block;
+ border-radius: 50%;
+ width: 1em;
+ height: 1em;
+ vertical-align: text-top;
+ -moz-margin-end: 5px;
+}