addons/isl/src/PartialFileSelection.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.partial-file-selection-scroll-y {
b69ab319 max-height: 500px;
b69ab3110 overflow-y: auto;
b69ab3111}
b69ab3112
b69ab3113.partial-file-selection-scroll-x {
b69ab3114 max-width: 500px;
b69ab3115 overflow-x: auto;
b69ab3116 scrollbar-width: none; /* not yet in Chrome (https://bugs.chromium.org/p/chromium/issues/detail?id=891944) */
b69ab3117}
b69ab3118
b69ab3119.partial-file-selection-scroll-x::-webkit-scrollbar {
b69ab3120 display: none;
b69ab3121}
b69ab3122
b69ab3123.partial-file-selection-border {
b69ab3124 border-left: 1px solid var(--tooltip-border);
b69ab3125 width: fit-content;
b69ab3126}
b69ab3127
b69ab3128.partial-file-selection-width-min-content {
b69ab3129 width: min-content;
b69ab3130}
b69ab3131
b69ab3132.partial-file-selection {
b69ab3133 border-left: 1px solid var(--tooltip-border);
b69ab3134 font-family: var(--monospace-fontFamily);
b69ab3135 font-size: 12px;
b69ab3136 border-spacing: 0;
b69ab3137 table-layout: fixed;
b69ab3138 margin-bottom: var(--pad);
b69ab3139 user-select: none;
b69ab3140}
b69ab3141
b69ab3142.partial-file-selection .line {
b69ab3143 user-select: text;
b69ab3144 padding-inline: var(--halfpad) var(--pad);
b69ab3145 max-width: 1200px;
b69ab3146 white-space: pre-wrap;
b69ab3147}
b69ab3148
b69ab3149.partial-file-selection .column-a-number,
b69ab3150.partial-file-selection .column-b-number {
b69ab3151 background-color: var(--subtle-hover-darken);
b69ab3152 vertical-align: top;
b69ab3153}
b69ab3154
b69ab3155.partial-file-selection tr {
b69ab3156 white-space: pre;
b69ab3157}
b69ab3158.partial-file-selection td {
b69ab3159 padding: 0;
b69ab3160}
b69ab3161.partial-file-selection td {
b69ab3162 padding: 0;
b69ab3163}
b69ab3164
b69ab3165.partial-file-selection pre {
b69ab3166 padding: 0;
b69ab3167 margin: 0;
b69ab3168 /* This ensures the green or red background for added or deleted lines extends horizontally for long lines */
b69ab3169 width: fit-content;
b69ab3170 /* Set line-height explicitly to avoid dynamic line heights based on (different) fonts decided by text content. */
b69ab3171 line-height: 1.2;
b69ab3172 font-family: var(--monospace-fontFamily);
b69ab3173 font-size: 12px;
b69ab3174}
b69ab3175
b69ab3176.partial-file-selection .line-context {
b69ab3177 user-select: none;
b69ab3178 text-align: center;
b69ab3179}
b69ab3180
b69ab3181.partial-file-selection .line-context {
b69ab3182 height: var(--pad);
b69ab3183}
b69ab3184
b69ab3185.partial-file-selection .column-unified {
b69ab3186 min-width: 100%;
b69ab3187}
b69ab3188
b69ab3189.partial-file-selection .column-a-number,
b69ab3190.partial-file-selection .column-b-number {
b69ab3191 min-width: 3em;
b69ab3192}
b69ab3193
b69ab3194.partial-file-selection.checkboxes .line.line-context,
b69ab3195.partial-file-selection .column-m .line.line-context {
b69ab3196 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");
b69ab3197 background-repeat: repeat-x;
b69ab3198}
b69ab3199
b69ab31100.partial-file-selection .column-m .line.line-context {
b69ab31101 cursor: pointer;
b69ab31102}
b69ab31103
b69ab31104.partial-file-selection .line-number {
b69ab31105 padding-left: var(--halfpad);
b69ab31106 padding-right: var(--halfpad);
b69ab31107}
b69ab31108
b69ab31109.partial-file-selection .selectable.line-number {
b69ab31110 cursor: pointer;
b69ab31111}
b69ab31112
b69ab31113.partial-file-selection.free-form .readonly {
b69ab31114 background: var(--tooltip-background);
b69ab31115}
b69ab31116
b69ab31117.partial-file-selection.free-form .column-m-number {
b69ab31118 border-left: 1px solid var(--tooltip-border);
b69ab31119}
b69ab31120.partial-file-selection.free-form .column-b-number {
b69ab31121 border-left: 1px solid var(--tooltip-border);
b69ab31122}
b69ab31123
b69ab31124.partial-file-selection .column-a-number,
b69ab31125.partial-file-selection .column-b-number,
b69ab31126.partial-file-selection .column-m-number {
b69ab31127 text-align: right;
b69ab31128 color: grey;
b69ab31129 user-select: none;
b69ab31130}
b69ab31131
b69ab31132.partial-file-selection .column-a .region-same,
b69ab31133.partial-file-selection .column-b .region-same {
b69ab31134 opacity: 0.3;
b69ab31135}
b69ab31136
b69ab31137.partial-file-selection .line.line-unique {
b69ab31138 background: rgba(234, 92, 0, 0.2);
b69ab31139}
b69ab31140
b69ab31141.partial-file-selection .column-unified .line-add,
b69ab31142.partial-file-selection .column-b .line-add {
b69ab31143 background: var(--diffEditor-insertedLineBackground);
b69ab31144}
b69ab31145
b69ab31146.partial-file-selection .column-unified .line-del,
b69ab31147.partial-file-selection .column-a .line-del {
b69ab31148 background: var(--diffEditor-removedLineBackground);
b69ab31149}
b69ab31150
b69ab31151.partial-file-selection .line-number.selectable {
b69ab31152 cursor: pointer;
b69ab31153 background: var(--hover-darken);
b69ab31154}
b69ab31155
b69ab31156.partial-file-selection .line-number.selectable.selected {
b69ab31157 color: var(--list-active-selection-foreground);
b69ab31158 background: var(--list-active-selection-background);
b69ab31159}
b69ab31160
b69ab31161.partial-file-selection .column-checkbox {
b69ab31162 min-width: 40px;
b69ab31163}
b69ab31164
b69ab31165.partial-file-selection .checkbox-anchor {
b69ab31166 position: relative;
b69ab31167 height: 14px;
b69ab31168 display: block;
b69ab31169 width: 40px;
b69ab31170}
b69ab31171
b69ab31172.partial-file-selection .checkbox-container {
b69ab31173 position: absolute;
b69ab31174 padding-left: var(--pad);
b69ab31175 top: calc(10px - 1em);
b69ab31176}