blob: 19d1f6fa857305fd374cd37d9e6c62acf5d2e12a [file] [log] [blame]
/*
* Copyright (C) 2013, 2015 Apple Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
*
* THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
* AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
* THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
* PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
* BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
* CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
* SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
* INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
* CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
* ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
* THE POSSIBILITY OF SUCH DAMAGE.
*/
.source-code.text-editor .CodeMirror-linewidget {
color: var(--text-color-active);
overflow: initial;
z-index: 3; /* overlap line content */
}
.source-code.text-editor > .CodeMirror .warning {
background-color: var(--warning-background-color-secondary);
}
.source-code.text-editor > .CodeMirror .error {
background-color: var(--error-background-color-secondary);
}
.source-code.text-editor > .CodeMirror .thread-indicator {
background-color: hsla(99, 38%, 86%, 0.5);
}
.source-code.text-editor > .CodeMirror .line-indicator-widget {
float: right;
padding: 0 5px 1px 5px;
border-bottom-left-radius: 5px;
cursor: default;
}
.source-code.text-editor > .CodeMirror .line-indicator-widget.inline {
position: relative;
top: -13px;
height: 13px;
padding: 0 5px 0 8px;
border-bottom-left-radius: 0;
-webkit-clip-path: polygon(0% 50%, 8px 100%, 100% 100%, 100% 0, 8px 0);
}
.source-code.text-editor > .CodeMirror .line-indicator-widget > .icon {
height: 9px;
width: 9px;
padding-right: 12px;
background-size: 9px 9px;
background-repeat: no-repeat;
background-position-y: 1px;
}
.source-code.text-editor > .CodeMirror .line-indicator-widget > .text {
font-family: -webkit-system-font, sans-serif;
}
.source-code.text-editor > .CodeMirror .line-indicator-widget.inline > .text {
display: inline-block;
max-width: 300px;
vertical-align: baseline;
text-overflow: ellipsis;
white-space: nowrap;
}
.source-code.text-editor > .CodeMirror .issue-widget > .icon.icon-warning {
background-image: url(../Images/Warning.svg);
}
.source-code.text-editor > .CodeMirror .issue-widget > .icon.icon-error {
background-image: url(../Images/Error.svg);
}
.source-code.text-editor > .CodeMirror .issue-widget.warning {
background-color: var(--warning-background-color-secondary);
}
.source-code.text-editor > .CodeMirror .issue-widget.inline.warning {
background-color: var(--warning-background-color);
}
.source-code.text-editor > .CodeMirror .issue-widget.error {
background-color: var(--error-background-color-secondary);
}
.source-code.text-editor > .CodeMirror .issue-widget.inline.error {
background-color: var(--error-background-color);
}
.source-code.text-editor > .CodeMirror .thread-widget {
background-color: hsl(90, 30%, 82%);
}
.source-code.text-editor > .CodeMirror .thread-widget.inline {
background-color: hsl(90, 30%, 82%);
}
.popover .debugger-popover-content {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
font-family: Menlo, monospace;
font-size: 11px;
white-space: pre;
overflow: hidden;
}
.popover .debugger-popover-content.expandable {
min-width: 200px;
max-width: 400px;
min-height: 150px;
max-height: 300px;
}
.popover .debugger-popover-content > .title {
flex-shrink: 0;
padding: 2px 6px 4px 6px;
font-family: -webkit-system-font, sans-serif;
font-weight: 500;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.popover .debugger-popover-content > .title > .go-to-arrow {
position: relative;
top: 2px;
left: 4px;
width: 12px;
height: 12px;
}
.popover .debugger-popover-content > .body {
padding-top: 2px;
border-top: 1px solid var(--text-color-quaternary);
overflow: scroll;
}
.popover .debugger-popover-content.function > .body {
min-width: 200px;
padding-left: 6px;
padding-right: 6px;
}
.popover .debugger-popover-content.function > .body .CodeMirror {
height: auto;
background-color: inherit;
}
.popover .debugger-popover-content.function > .body .CodeMirror pre {
padding-left: 0;
}
.popover .debugger-popover-content.formatted {
justify-content: center;
align-items: center;
}
/* Custom styling for the hover menu attached to color tokens */
.hover-menu.color {
padding-right: 15px;
}
.hover-menu.color > img {
width: 16px;
height: 16px;
content: image-set(url(../Images/ColorIcon.png) 1x, url(../Images/ColorIcon@2x.png) 2x);
transform: translateY(0.5px);
}
@media (-webkit-min-device-pixel-ratio: 2) {
.popover .debugger-popover-content > .body {
border-width: 0.5px;
}
}
@media (prefers-color-scheme: dark) {
.source-code.text-editor > .CodeMirror .issue-widget {
color: hsl(0, 0%, var(--foreground-lightness));
}
.source-code.text-editor > .CodeMirror .thread-widget.inline {
background-color: hsl(99, 85%, 34%);
}
}