addons/isl/src/stackEdit/ui/FileStackEditor.cssblame
View source
b69ab311/**
b69ab312 * Copyright (c) Meta Platforms, Inc. and affiliates.
b69ab313 *
b69ab314 * This source code is licensed under the MIT license found in the
b69ab315 * LICENSE file in the root directory of this source tree.
b69ab316 */
b69ab317
b69ab318.file-stack-editor,
b69ab319.file-unified-stack-editor {
b69ab3110 border: 1px solid var(--tooltip-border);
b69ab3111 width: fit-content;
b69ab3112 height: fit-content;
b69ab3113}
b69ab3114
b69ab3115.file-stack-editor pre {
b69ab3116 padding: 0;
b69ab3117 margin: 0;
b69ab3118 /* Set line-height explicitly to avoid dynamic line heights based on (different) fonts decided by text content. */
b69ab3119 line-height: 1.2;
b69ab3120}
b69ab3121
b69ab3122.file-stack-editor .column-left-buttons,
b69ab3123.file-stack-editor .column-right-buttons,
b69ab3124.file-stack-editor .column-left-gutter,
b69ab3125.file-stack-editor .column-right-gutter {
b69ab3126 background-color: rgba(128, 128, 128, 0.1);
b69ab3127}
b69ab3128
b69ab3129.file-stack-editor .context-button,
b69ab3130.file-unified-stack-editor .context-button {
b69ab3131 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20'%3E%3Cpath d='M0 10 Q10 15 20 10 Q30 5 40 10' stroke='grey' fill='transparent' /%3E%3C/svg%3E");
b69ab3132 background-repeat: repeat-x;
b69ab3133 user-select: none;
b69ab3134 cursor: pointer;
b69ab3135}
b69ab3136
b69ab3137.file-stack-editor .lineno {
b69ab3138 padding-left: var(--halfpad);
b69ab3139 padding-right: var(--halfpad);
b69ab3140 text-align: right;
b69ab3141 user-select: none;
b69ab3142 min-width: 1.5rem;
b69ab3143}
b69ab3144
b69ab3145.file-stack-editor .lineno.add {
b69ab3146 background: var(--diffEditor-insertedLineHighlightBackground);
b69ab3147}
b69ab3148
b69ab3149.file-stack-editor .lineno.del {
b69ab3150 background: var(--diffEditor-removedLineHighlightBackground);
b69ab3151}
b69ab3152
b69ab3153.file-stack-editor .lineno.change {
b69ab3154 background: var(--editor-changedHighlightBackground);
b69ab3155}
b69ab3156
b69ab3157.file-stack-editor .main-content {
b69ab3158 min-width: 200px;
b69ab3159 position: relative;
b69ab3160}
b69ab3161
b69ab3162.file-stack-editor .line {
b69ab3163 padding-left: var(--halfpad);
b69ab3164}
b69ab3165
b69ab3166.file-stack-editor .selected .button {
b69ab3167 opacity: 0.8;
b69ab3168}
b69ab3169
b69ab3170.file-stack-editor .button {
b69ab3171 user-select: none;
b69ab3172 cursor: pointer;
b69ab3173 opacity: 0.3;
b69ab3174}
b69ab3175
b69ab3176.file-stack-editor .button:active {
b69ab3177 color: grey;
b69ab3178 opacity: 1;
b69ab3179}
b69ab3180
b69ab3181.file-stack-editor .add {
b69ab3182 background: var(--diffEditor-insertedLineBackground);
b69ab3183}
b69ab3184
b69ab3185.file-stack-editor .del {
b69ab3186 background: var(--diffEditor-removedLineBackground);
b69ab3187}
b69ab3188
b69ab3189.file-stack-editor .line.change {
b69ab3190 background: var(--editor-changedBackground);
b69ab3191}
b69ab3192
b69ab3193.file-stack-editor-row .filerev-title {
b69ab3194 padding-left: var(--pad);
b69ab3195 text-overflow: ellipsis;
b69ab3196}
b69ab3197
b69ab3198.file-stack-editor-ribbon-no-clip {
b69ab3199 position: relative;
b69ab31100 margin: var(--pad);
b69ab31101}
b69ab31102
b69ab31103.file-stack-editor-ribbon-no-clip .ribbon {
b69ab31104 position: absolute;
b69ab31105 stroke: none;
b69ab31106 fill: var(--editor-changedHighlightBackground);
b69ab31107 z-index: 1;
b69ab31108}
b69ab31109
b69ab31110.file-stack-editor-ribbon-no-clip .ribbon.add {
b69ab31111 fill: var(--diffEditor-insertedLineHighlightBackground);
b69ab31112}
b69ab31113
b69ab31114.file-stack-editor-ribbon-no-clip .ribbon.del {
b69ab31115 fill: var(--diffEditor-removedLineHighlightBackground);
b69ab31116}
b69ab31117
b69ab31118.file-unified-stack-editor {
b69ab31119 background-color: var(--background);
b69ab31120 width: 100%;
b69ab31121 border-spacing: 0;
b69ab31122}
b69ab31123
b69ab31124.file-unified-stack-editor thead {
b69ab31125 position: sticky;
b69ab31126 top: 0;
b69ab31127 background-color: var(--background);
b69ab31128 z-index: 1;
b69ab31129 user-select: none;
b69ab31130}
b69ab31131
b69ab31132.file-unified-stack-editor th {
b69ab31133 font-weight: unset;
b69ab31134}
b69ab31135
b69ab31136.file-unified-stack-editor tbody {
b69ab31137 font-family: var(--monospace-fontFamily);
b69ab31138 font-size: 13px;
b69ab31139}
b69ab31140
b69ab31141.file-unified-stack-editor td {
b69ab31142 padding: 0;
b69ab31143}
b69ab31144
b69ab31145.file-unified-stack-editor td:last-child,
b69ab31146.file-unified-stack-editor th:last-child {
b69ab31147 width: 100%;
b69ab31148}
b69ab31149
b69ab31150.file-unified-stack-editor .color1 {
b69ab31151 background-color: rgba(128, 128, 160, 0.08);
b69ab31152}
b69ab31153.file-unified-stack-editor .color2 {
b69ab31154 background-color: rgba(128, 128, 160, 0.15);
b69ab31155}
b69ab31156.file-unified-stack-editor .color3 {
b69ab31157 background-color: rgba(128, 128, 160, 0.08);
b69ab31158}
b69ab31159.file-unified-stack-editor .color0 {
b69ab31160 background-color: rgba(128, 128, 160, 0.15);
b69ab31161}
b69ab31162
b69ab31163.file-unified-stack-editor .checkbox {
b69ab31164 user-select: none;
b69ab31165 padding-left: var(--halfpad);
b69ab31166 padding-right: var(--halfpad);
b69ab31167}
b69ab31168
b69ab31169.file-unified-stack-editor .checkbox.mutable {
b69ab31170 cursor: pointer;
b69ab31171}
b69ab31172
b69ab31173.file-unified-stack-editor .checkbox.mutable.add {
b69ab31174 background-color: var(--diffEditor-insertedLineHighlightBackground);
b69ab31175}
b69ab31176
b69ab31177.file-unified-stack-editor .checkbox.mutable.del {
b69ab31178 background-color: var(--diffEditor-removedLineHighlightBackground);
b69ab31179}
b69ab31180
b69ab31181.file-unified-stack-editor td.line.del {
b69ab31182 background: var(--diffEditor-removedLineBackground);
b69ab31183}
b69ab31184
b69ab31185.file-unified-stack-editor td.line.change {
b69ab31186 background: var(--editor-changedBackground);
b69ab31187}
b69ab31188
b69ab31189.file-unified-stack-editor span.line {
b69ab31190 padding-left: var(--pad);
b69ab31191 white-space: pre;
b69ab31192}
b69ab31193
b69ab31194.file-unified-stack-editor .context-button > span {
b69ab31195 display: block;
b69ab31196 height: 1em;
b69ab31197}