Permalink
Browse files

Replaced condition editor by SVG equivalent and added Mac OS styled

editor
  • Loading branch information...
SebastianZ committed May 6, 2013
1 parent 5b08578 commit a905d31e42becab29f991139af4e95efe12d2935
@@ -48,10 +48,10 @@ locale firebug zh-CN locale/zh-CN/
locale firebug zh-TW locale/zh-TW/
# Support for Mac
-override chrome://firebug/skin/debugger.css chrome://firebug/skin/mac/debugger.css os=Darwin
-override chrome://firebug-os/skin/firebug.css chrome://firebug/skin/mac/firebug.css os=Darwin
-override chrome://firebug-os/skin/panel.css chrome://firebug/skin/mac/panel.css os=Darwin
-override chrome://firebug-os/skin/window.css chrome://firebug/skin/mac/window.css os=Darwin
+override chrome://firebug-os/skin/debugger.css chrome://firebug/skin/mac/debugger.css os=Darwin
+override chrome://firebug-os/skin/firebug.css chrome://firebug/skin/mac/firebug.css os=Darwin
+override chrome://firebug-os/skin/panel.css chrome://firebug/skin/mac/panel.css os=Darwin
+override chrome://firebug-os/skin/window.css chrome://firebug/skin/mac/window.css os=Darwin
# Support for Linux
override chrome://firebug-os/skin/firebug.css chrome://firebug/skin/linux/firebug.css os=Linux
Deleted file not rendered
Deleted file not rendered
@@ -1,5 +1,7 @@
/* See license.txt for terms of usage */
+@import "chrome://firebug-os/skin/debugger.css";
+
.panelNode-script {
overflow: hidden;
font-family: monospace;
@@ -183,40 +185,17 @@
margin-top: 0;
left: 5px;
width: 90%;
- background: linear-gradient(to bottom, #00CEFD, #00BAF6) no-repeat;
- border-style: solid;
- border-width: 19px 25px 33px 33px;
- -moz-border-image: url(condCorners.png) 19 25 33 33 stretch;
-}
-
-.conditionCaption {
- margin-bottom: 2px;
- font-family: Lucida Grande, sans-serif;
- font-weight: bold;
- font-size: 11px;
- color: #226679;
}
.conditionInput {
width: 100%;
- border: 1px solid #0096C0;
- font-family: monospace;
font-size: inherit;
}
.conditionInput.completionInput {
position: relative;
}
-/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
-
-.upsideDown {
- background: linear-gradient(to bottom, #00D1FE, #00ADE6) no-repeat;
- border-style: solid;
- border-width: 28px 25px 19px 33px;
- -moz-border-image: url(condCornersUps.png) 28 25 19 33 stretch;
-}
-
/*************************************************************************************************/
/* Notification */
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- See license.txt for terms of usage -->
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ version="1.1"
+ width="59"
+ height="70"
+ id="svg2">
+ <metadata
+ id="metadata8">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <defs
+ id="defs6">
+ <filter
+ color-interpolation-filters="sRGB"
+ id="filter3775">
+ <feGaussianBlur
+ stdDeviation="0.5134375"
+ id="feGaussianBlur3777" />
+ </filter>
+ </defs>
+ <path
+ d="m 22.59375,3.59375 c -5.54,0 -10,4.4599995 -10,10 l 0,24.8125 c 0,0.29398 0.03789,0.587607 0.0625,0.875 L 3.5625,59.4375 25.09375,48.40625 l 15.3125,0 c 5.54,0 10,-4.459999 10,-10 l 0,-24.8125 c 0,-5.5400005 -4.46,-10 -10,-10 l -17.8125,0 z"
+ id="rect2987"
+ style="fill:#252525;fill-opacity:0.8627451;stroke:#393939;stroke-width:3;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:0.24705882;stroke-dasharray:none;filter:url(#filter3775)" />
+</svg>
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- See license.txt for terms of usage -->
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ version="1.1"
+ width="59"
+ height="70"
+ id="svg2">
+ <metadata
+ id="metadata8">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <defs
+ id="defs6">
+ <filter
+ color-interpolation-filters="sRGB"
+ id="filter3801">
+ <feGaussianBlur
+ stdDeviation="0.506875"
+ id="feGaussianBlur3803" />
+ </filter>
+ </defs>
+ <path
+ d="m 3.53125,2.59375 9.5,20.15625 C 13.013179,22.996761 13,23.24847 13,23.5 l 0,25 c 0,5.54 4.46,10 10,10 l 16,0 c 5.54,0 10,-4.46 10,-10 l 0,-25 c 0,-5.54 -4.46,-10 -10,-10 L 24.84375,13.5 3.53125,2.59375 z"
+ id="rect2987"
+ style="fill:#252525;fill-opacity:0.8627451;stroke:#393939;stroke-width:3;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:0.24705882;stroke-dasharray:none;filter:url(#filter3801)" />
+</svg>
@@ -176,43 +176,37 @@
/* Breakpoint condition */
.conditionEditor {
- z-index: 2147483647;
- position: absolute;
- margin-top: 0;
- left: 5px;
- width: 90%;
- background: linear-gradient(to bottom, #00CEFD, #00BAF6) no-repeat;
+ /* A bug in Firefox requires to set a background image instead of a color,
+ otherwise the border will also be painted in the background color */
+ background-image: linear-gradient(to bottom, rgba(37, 37, 37, 0.863), rgba(37, 37, 37, 0.863));
+ background-repeat: no-repeat;
border-style: solid;
border-width: 19px 25px 33px 33px;
- -moz-border-image: url(condCorners.png) 19 25 33 33 stretch;
+ -moz-border-image: url(chrome://firebug/skin/mac/breakpointConditionEditor.svg) 19 25 33 33 stretch;
}
.conditionCaption {
margin-bottom: 2px;
font-family: Lucida Grande, sans-serif;
font-weight: bold;
font-size: 11px;
- color: #226679;
+ color: #FFFFFF;
}
.conditionInput {
- width: 100%;
- border: 1px solid #0096C0;
+ border: 1px solid #96969D;
+ border-radius: 10px !important;
+ box-shadow: 0 2px 2px -2px #000000 inset;
+ padding: 2px 12px;
font-family: Monaco, monospace;
- font-size: inherit;
-}
-
-.conditionInput.completionInput {
- position: relative;
+ -moz-box-sizing: border-box;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.upsideDown {
- background: linear-gradient(to bottom, #00D1FE, #00ADE6) no-repeat;
- border-style: solid;
border-width: 28px 25px 19px 33px;
- -moz-border-image: url(condCornersUps.png) 28 25 19 33 stretch;
+ -moz-border-image: url(chrome://firebug/skin/mac/breakpointConditionEditorDown.svg) 28 25 19 33 stretch;
}
/************************************************************************************************/
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- See license.txt for terms of usage -->
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ version="1.1"
+ width="59"
+ height="70"
+ id="svg2">
+ <metadata
+ id="metadata8">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <defs
+ id="defs6">
+ <linearGradient
+ id="linearGradient3769">
+ <stop
+ id="stop3771"
+ style="stop-color:#00a5d8;stop-opacity:1"
+ offset="0" />
+ <stop
+ id="stop3779"
+ style="stop-color:#00bbf8;stop-opacity:1"
+ offset="0.38157427" />
+ <stop
+ id="stop3777"
+ style="stop-color:#4fe0ff;stop-opacity:1"
+ offset="0.96372437" />
+ <stop
+ id="stop3773"
+ style="stop-color:#ffffff;stop-opacity:1"
+ offset="1" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient3761">
+ <stop
+ id="stop3763"
+ style="stop-color:#0096c5;stop-opacity:1"
+ offset="0" />
+ <stop
+ id="stop3765"
+ style="stop-color:#0097c6;stop-opacity:1"
+ offset="1" />
+ </linearGradient>
+ <linearGradient
+ x1="27.127188"
+ y1="4.0462222"
+ x2="27.127188"
+ y2="58.563183"
+ id="linearGradient3767"
+ xlink:href="#linearGradient3761"
+ gradientUnits="userSpaceOnUse" />
+ <linearGradient
+ x1="20.570379"
+ y1="55.472168"
+ x2="20.570379"
+ y2="4.9322629"
+ id="linearGradient3775"
+ xlink:href="#linearGradient3769"
+ gradientUnits="userSpaceOnUse" />
+ <filter
+ x="-0.13152768"
+ y="-0.11033016"
+ width="1.2630554"
+ height="1.2206603"
+ color-interpolation-filters="sRGB"
+ id="filter3843">
+ <feGaussianBlur
+ id="feGaussianBlur3845"
+ stdDeviation="2.5671875" />
+ </filter>
+ </defs>
+ <path
+ d="m 22.59375,7.5932501 c -5.54,0 -10,4.4599999 -10,9.9999999 l 0,24.8125 c 0,0.29398 0.03789,0.587607 0.0625,0.875 L 3.5625,63.437 25.09375,52.40575 l 15.3125,0 c 5.54,0 10,-4.459999 10,-10 l 0,-24.8125 c 0,-5.54 -4.46,-9.9999999 -10,-9.9999999 l -17.8125,0 z"
+ id="rect2987-5"
+ style="opacity:0.35;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter3843)" />
+ <path
+ d="m 22.59375,3.59375 c -5.54,0 -10,4.4599995 -10,10 l 0,24.8125 c 0,0.29398 0.03789,0.587607 0.0625,0.875 L 3.5625,59.4375 25.09375,48.40625 l 15.3125,0 c 5.54,0 10,-4.459999 10,-10 l 0,-24.8125 c 0,-5.5400005 -4.46,-10 -10,-10 l -17.8125,0 z"
+ id="rect2987"
+ style="fill:url(#linearGradient3775);fill-opacity:1;stroke:url(#linearGradient3767);stroke-width:1;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+</svg>
Oops, something went wrong.

0 comments on commit a905d31

Please sign in to comment.