Project

General

Profile

Feature #43700 » 0003-Replace-physical-CSS-properties-with-logical-ones-in.patch

scm.css - Go MAEDA, 2026-01-21 11:50

View differences:

app/assets/stylesheets/scm.css
5 5
 */
6 6

  
7 7
table.entries a {
8
  padding-top: 2px;
9
  padding-bottom: 2px;
8
    padding-block-start: 2px;
9
    padding-block-end: 2px;
10 10
}
11 11

  
12 12
table.revision-info td {
......
14 14
    padding: 0px;
15 15
}
16 16

  
17
div.revision-graph { position: absolute; min-width: 1px; }
17
div.revision-graph { position: absolute; min-inline-size: 1px; }
18 18

  
19 19
div.changeset-changes ul { margin: 0; padding: 0; }
20
div.changeset-changes ul > ul { margin-left: 18px; padding: 0; }
20
div.changeset-changes ul > ul { margin-inline-start: 18px; padding: 0; }
21 21

  
22
div.changeset-changes ul:first-child > li {padding-left: 0}
22
div.changeset-changes ul:first-child > li {padding-inline-start: 0}
23 23
li.change {
24 24
    list-style-type:none;
25
    padding-top: 1px;
26
    padding-bottom: 1px;
27
    padding-left: 20px;
25
    padding-block: 1px;
26
    padding-inline-start: 20px;
28 27
    margin: 0;
29 28
}
30 29
li.change.folder.change-A { background-image: url(/folder_open_add.png); }
......
54 53
li.change .copied-from { font-style: italic; color: var(--oc-gray-6); font-size: 0.9em; }
55 54
li.change .copied-from:before { content: " - "}
56 55

  
57
#changes-legend { float: right; font-size: 0.75rem; margin: 0; }
58
#changes-legend li { float: left; background-position: 5px 1px; }
56
#changes-legend { float: inline-end; font-size: 0.75rem; margin: 0; }
57
#changes-legend li { float: inline-start; background-position: 5px 1px; }
58
[dir="rtl"] #changes-legend li { background-position: right 5px top 1px; }
59 59

  
60
table.filecontent { border: 1px solid var(--oc-gray-4);  border-collapse: collapse; width:98%; background-color: var(--oc-gray-0); }
60
table.filecontent { border: 1px solid var(--oc-gray-4);  border-collapse: collapse; inline-size: 98%; background-color: var(--oc-gray-0); }
61 61
table.filecontent tbody {font-family:Consolas, Menlo, "Liberation Mono", Courier, monospace; font-size:0.75rem;}
62 62
table.filecontent th { border: 1px solid var(--oc-gray-4); background-color: var(--oc-gray-1); }
63
table.filecontent th.filename { background-color: var(--oc-gray-2); text-align: left; padding:5px;}
63
table.filecontent th.filename { background-color: var(--oc-gray-2); text-align: start; padding: 5px;}
64 64
table.filecontent tr.spacing th { text-align:center; }
65
table.filecontent tr.spacing td { height: 0.4em; background: rgba(var(--oc-blue-1-rgb), 0.3);}
65
table.filecontent tr.spacing td { block-size: 0.4em; background: rgba(var(--oc-blue-1-rgb), 0.3);}
66 66
table.filecontent th.line-num {
67 67
    border: 1px solid var(--oc-gray-4);
68
    text-align: right;
69
    width: 2%;
70
    padding: 0 3px 0 0;
68
    text-align: end;
69
    inline-size: 2%;
70
    padding-block: 0;
71
    padding-inline: 0 3px;
71 72
    color: var(--oc-gray-6);
72 73
    user-select: none;
73 74
    -moz-user-select: none;
......
86 87
table.diffcontent th.line-num:after {
87 88
    content:  attr(data-txt);
88 89
}
89
table.filecontent td.line-code {padding: 0 0 0 4px;}
90
table.filecontent td.line-code {
91
    padding-block: 0;
92
    padding-inline: 4px 0;
93
}
90 94
table.filecontent td.line-code pre, table.filecontent td.line-code div {
91 95
    margin: 0px;
92 96
    white-space: pre-wrap;
......
96 100
table.filecontent tr:target th.line-num { background-color:var(--oc-gray-3); color: var(--oc-gray-6); }
97 101
table.filecontent tr:target td.line-code { background-color:var(--oc-blue-0); }
98 102

  
99
img.filecontent, video.filecontent { max-width: 100%; }
103
img.filecontent, video.filecontent { max-inline-size: 100%; }
100 104

  
101 105
.previous-filename {
102 106
  font-weight: normal;
103 107
}
104 108

  
105 109
/* 12 different colors for the annonate view */
106
table.annotate tr.bloc-0 td.line-code {border-left-color: var(--oc-yellow-1);}
107
table.annotate tr.bloc-1 td.line-code {border-left-color: var(--oc-grape-2);}
108
table.annotate tr.bloc-2 td.line-code {border-left-color: var(--oc-cyan-1);}
109
table.annotate tr.bloc-3 td.line-code {border-left-color: var(--oc-orange-2);}
110
table.annotate tr.bloc-4 td.line-code {border-left-color: var(--oc-lime-2);}
111
table.annotate tr.bloc-5 td.line-code {border-left-color: var(--oc-indigo-2);}
112
table.annotate tr.bloc-6 td.line-code {border-left-color: var(--oc-pink-2);}
113
table.annotate tr.bloc-7 td.line-code {border-left-color: var(--oc-violet-1);}
114
table.annotate tr.bloc-8 td.line-code {border-left-color: var(--oc-green-2);}
115
table.annotate tr.bloc-9 td.line-code {border-left-color: var(--oc-violet-3);}
116
table.annotate tr.bloc-10 td.line-code {border-left-color: var(--oc-red-3);}
117
table.annotate tr.bloc-11 td.line-code {border-left-color: var(--oc-blue-2);}
118
table.annotate tr.bloc-change {border-top:1px solid var(--oc-gray-3);}
110
table.annotate tr.bloc-0 td.line-code {border-inline-start-color: var(--oc-yellow-1);}
111
table.annotate tr.bloc-1 td.line-code {border-inline-start-color: var(--oc-grape-2);}
112
table.annotate tr.bloc-2 td.line-code {border-inline-start-color: var(--oc-cyan-1);}
113
table.annotate tr.bloc-3 td.line-code {border-inline-start-color: var(--oc-orange-2);}
114
table.annotate tr.bloc-4 td.line-code {border-inline-start-color: var(--oc-lime-2);}
115
table.annotate tr.bloc-5 td.line-code {border-inline-start-color: var(--oc-indigo-2);}
116
table.annotate tr.bloc-6 td.line-code {border-inline-start-color: var(--oc-pink-2);}
117
table.annotate tr.bloc-7 td.line-code {border-inline-start-color: var(--oc-violet-1);}
118
table.annotate tr.bloc-8 td.line-code {border-inline-start-color: var(--oc-green-2);}
119
table.annotate tr.bloc-9 td.line-code {border-inline-start-color: var(--oc-violet-3);}
120
table.annotate tr.bloc-10 td.line-code {border-inline-start-color: var(--oc-red-3);}
121
table.annotate tr.bloc-11 td.line-code {border-inline-start-color: var(--oc-blue-2);}
122
table.annotate tr.bloc-change {border-block-start: 1px solid var(--oc-gray-3);} 
119 123

  
120 124
table.annotate td.revision {
121 125
    padding:0;
122 126
    text-align: center;
123
    width: 2%;
124
    padding-left: 1em;
127
    inline-size: 2%;
128
    padding-inline-start: 1em;
125 129
    background: inherit;
126 130
}
127 131

  
......
129 133
    padding:0;
130 134
    text-align: center;
131 135
    white-space: nowrap;
132
    padding-left: 1em;
133
    padding-right: 1em;
134
    width: 3%;
136
    padding-inline: 1em;
137
    inline-size: 3%;
135 138
    background: inherit;
136 139
}
137 140

  
138 141
table.annotate td.previous {
139 142
    padding: 0;
140 143
    text-align: center;
141
    width: 1%;
144
    inline-size: 1%;
142 145
    background: inherit;
143 146
}
144 147

  
145 148
table.annotate td.line-code {
146 149
    background-color: var(--oc-gray-0);
147
    border-left: 6px solid var(--oc-gray-3);
150
    border-inline-start: 6px solid var(--oc-gray-3);
148 151
}
149 152

  
150 153
.breadcrumbs>.separator::before, .breadcrumbs>.separator::after {
(3-3/6)