Project

General

Profile

Feature #41321 » 0002-Improve-readability-by-refining-font-sizes-and-switc.patch

Go MAEDA, 2024-09-28 10:47

View differences:

app/assets/stylesheets/application.css
4 4
 * This code is released under the GNU General Public License.
5 5
 */
6 6

  
7
@font-face {
8
  font-family: "Noto Sans";
9
  src: url("/NotoSans-VariableFont_wdth,wght.woff2") format("woff2");
10
  font-weight: 100 900;
11
  font-stretch: 75% 125%;
12
  font-style: normal;
13
  font-display: swap;
14
}
15

  
16
@font-face {
17
  font-family: "Noto Sans";
18
  src: url("/NotoSans-Italic-VariableFont_wdth,wght.woff2") format("woff2");
19
  font-weight: 100 900;
20
  font-stretch: 75% 125%;
21
  font-style: italic;
22
  font-display: swap;
23
}
24

  
7 25
html, body { min-height: 100vh; }
8 26
html {overflow-y:scroll;}
9
body { font-family: Verdana, sans-serif; font-size: 0.75rem; color:#333; margin: 0; padding: 0; min-width: 900px; }
27
body { font-family: "Noto Sans", sans-serif; font-size: 0.875rem; color:#333; margin: 0; padding: 0; min-width: 900px; }
10 28

  
11
h1, h2, h3, h4, h5, h6 {font-family: "Trebuchet MS", Verdana, sans-serif;padding: 2px 10px 1px 0px;margin: 0 0 10px 0;}
29
h1, h2, h3, h4, h5, h6 {font-family: "Noto Sans", sans-serif;padding: 2px 10px 1px 0px;margin: 0 0 10px 0;}
12 30
#content h1, h2, h3, h4, h5, h6 {color: #555;}
13 31
h2 {font-size: 1.25rem;}
14
h3 {font-size: 1rem;}
15
h4 {font-size: 0.8125rem; border-bottom: 1px solid #ccc; font-weight:normal;}
32
h3 {font-size: 1.0625rem;}
33
h4 {font-size: 0.875rem; border-bottom: 1px solid #ccc; font-weight:normal;}
16 34
pre, code {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;}
17
.wiki h1 {font-size: 2em;}
18
.wiki h2 {font-size: 1.8em;}
19
.wiki h3 {font-size: 1.5em;}
20
.wiki h4 {font-size: 1.2em; border: none; font-weight: bold;}
35
.wiki h1 {font-size: 1.6em;}
36
.wiki h2 {font-size: 1.4em;}
37
.wiki h3 {font-size: 1.2em;}
38
.wiki h4 {font-size: 1.1em; border: none; font-weight: bold;}
21 39
.wiki h5 {font-size: 1em;}
22 40
.wiki h6 {font-size: 1em; color: #8e8e8e;}
23 41

  
......
30 48
  flex-direction: column;
31 49
}
32 50

  
33
#top-menu {background: #3E5B76; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 10px 0px 12px;}
51
#top-menu {background: #3E5B76; color: #fff; font-size: 0.8em; padding: 2px 10px 2px 12px;}
34 52
#top-menu ul {margin: 0;  padding: 0;}
35 53
#top-menu li {
36 54
  float:left;
......
45 63
#account {float:right;}
46 64

  
47 65
#header {
48
  min-height :5.3em;
66
  min-height: 8.7ex;
49 67
  margin: 0;
50 68
  background: linear-gradient(180deg, #628DB6 30%, #356D92);
51 69
  color: #f8f8f8;
......
53 71
  position: relative;
54 72
}
55 73
#header a {color:#f8f8f8;}
56
#header h1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
57
#header h1 .breadcrumbs { display:block; font-size: .5em; font-weight: normal; }
74
#header h1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.4375rem; font-weight: normal;}
75
#header h1 .breadcrumbs { display:block; font-size: 0.8rem; font-weight: normal; line-height: 100%;}
58 76

  
59 77
#quick-search {float:right;}
60 78
#quick-search #q {width:130px; height:24px; box-sizing:border-box; vertical-align:middle; border:1px solid #ccc; border-radius:3px;}
......
77 95
  display: block;
78 96
  color: #fff;
79 97
  text-decoration: none;
80
  font-weight: bold;
98
  font-size: 93%;
81 99
  margin: 0;
82 100
  padding: 4px 10px 4px 10px;
83 101
  border-top-left-radius: 3px;
......
85 103
}
86 104
#main-menu li a:hover {background: #759FCF; color: #fff; }
87 105
#main-menu li:hover ul.menu-children, #main-menu li ul.menu-children.visible {display: block;}
88
#main-menu li a.selected, #main-menu li a.selected:hover {background: #fff; color: #555; }
106
#main-menu li a.selected, #main-menu li a.selected:hover {background: #fff; color: #555; font-weight: bold;}
89 107
#main-menu li a.new-object {background-color: #759FCF; }
90 108

  
91 109
#main-menu .menu-children {
......
113 131

  
114 132
#main {flex-grow: 2; display: flex; flex-direction: row-reverse;}
115 133

  
116
#sidebar{ flex-shrink: 0; padding-left: 20px; padding-right: 8px; background: #f9fafb; border-left: 1px solid #d0d7de}
134
#sidebar{ font-size: 0.8125rem; flex-shrink: 0; padding-left: 20px; padding-right: 8px; background: #f9fafb; border-left: 1px solid #d0d7de}
117 135
@media screen and (min-width: 0px) and (max-width: 1089px) {#sidebar{width: 22%;}}
118 136
@media screen and (min-width: 1090px) and (max-width: 1279px) {#sidebar{width: 240px;}}
119 137
@media screen and (min-width: 1280px) and (max-width: 1599px) {#sidebar{width: 280px;}}
......
270 288

  
271 289
/***** Tables *****/
272 290
table.list, .table-list {
291
  font-size: 0.8125rem;
273 292
  border: 1px solid #d0d7de;
274 293
  width: 100%;
275 294
  margin-bottom: 4px;
......
354 373

  
355 374
table.files tbody th {text-align:left;}
356 375
table.files tr.file td.filename { text-align: left; }
357
table.files tr.file td.digest { font-size: 80%; }
376
table.files tr.file td.digest { font-size: 86%; }
358 377

  
359 378
table.members td.roles, table.memberships td.roles { width: 45%; }
360 379
table.members td.buttons { text-align: left; width: 1px; white-space: nowrap;}
......
362 381
table.messages td.last_message {text-align:left;}
363 382
tr.message { height: 2.6em; }
364 383
tr.message td.created_on { white-space: nowrap; }
365
tr.message td.last_message { font-size: 80%; white-space: nowrap; }
384
tr.message td.last_message { font-size: 93%; white-space: nowrap; }
366 385
tr.message.sticky td.subject { font-weight: bold; }
367 386

  
368 387
body.avatars-on #replies .message.reply {padding-left: 32px;}
......
404 423
tr.group td { padding: 0.8em 0 0.5em 0.3em; border-bottom: 1px solid #ccc; text-align:left; background-color: #fff;}
405 424
tr.group span.count {top:-1px;}
406 425
tr.group span.name {font-weight:bold;}
407
tr.group span.totals {color: #aaa; font-size: 80%;}
426
tr.group span.totals {color: #aaa; font-size: 93%;}
408 427
tr.group span.totals .value {font-weight:bold; color:#777;}
409
tr.group a.toggle-all { color: #aaa; font-size: 80%; display:none; float:right; margin-right:4px;}
428
tr.group a.toggle-all { color: #aaa; font-size: 93%; display:none; float:right; margin-right:4px;}
410 429
tr.group:hover a.toggle-all { display:inline;}
411 430
a.toggle-all:hover {text-decoration:none;}
412 431

  
......
424 443

  
425 444
a.sort { padding-right: 16px; background-position: 100% 50%; background-repeat: no-repeat; }
426 445

  
427
table.boards td.last-message {text-align:left;font-size:80%;}
446
table.boards td.last-message {text-align:left;font-size:93%;}
428 447

  
429 448
div.table-list.boards .table-list-cell.name {width: 30%;}
430 449
#message_subject { max-width: 99%; }
......
463 482
  min-width:150px;
464 483
}
465 484

  
466
.query-totals {text-align:right; margin-top:-2.3em;}
485
.query-totals {text-align:right; margin-top:-2.3em; font-size: 93%;}
467 486
.query-totals>span:not(:first-child) {margin-left:0.6em;}
468 487
.query-totals .value {font-weight:bold;}
469 488
body.controller-timelog .query-totals {margin-top:initial;}
......
483 502

  
484 503
span#watchers_inputs {overflow:auto; display:block;}
485 504
span.search_for_watchers {display:block;}
486
span.search_for_watchers, span.add_attachment {font-size:80%; line-height:2.5em;}
505
span.search_for_watchers, span.add_attachment {font-size:93%; line-height:2.5em;}
487 506
span.add_attachment a {padding-left:16px; background: url(/bullet_add.png) no-repeat 0 50%; }
488 507

  
489 508
input:disabled, select:disabled, textarea:disabled {
......
579 598
abbr, span.field-description[title] { border-bottom: 1px dotted #aaa; cursor: help; }
580 599
textarea.wiki-edit {width:99%; resize:vertical; box-sizing: border-box;}
581 600
body.textarea-monospace textarea.wiki-edit {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace; font-size: 0.75rem;}
582
body.textarea-proportional textarea.wiki-edit {font-family: Verdana, sans-serif; font-size:  0.75rem;}
601
body.textarea-proportional textarea.wiki-edit {font-family: "Noto Sans", sans-serif; font-size:  0.75rem;}
583 602
li p {margin-top: 0;}
584 603
div.issue {
585 604
  background: #ffffdd;
......
599 618
div.issue div.subject p {margin: 0; margin-bottom: 0.1em; font-size: 90%; color: #999;}
600 619
div.issue div.subject>div>p { margin-top: 0.5em; }
601 620
div.issue div.subject h3 {margin: 0; margin-bottom: 0.1em;}
602
div.issue p.author {margin-top:0.5em;}
621
div.issue p.author {margin-top:0.5em; font-size: 93%}
603 622
div.issue span.private, div.journal span.private {font-size: 60%;}
604 623
div.issue .next-prev-links {color:#999;}
605 624
div.issue .attributes {margin-top: 2em;}
......
614 633
#issue_tree table.issues, #relations table.issues { border: 0; }
615 634
#issue_tree td.checkbox, #relations td.checkbox {display:none;}
616 635
#issue_tree td.buttons, #relations td.buttons {padding:0;}
617
#issue_tree .issues-stat, #relations .issues-stat {font-size: 80%}
636
#issue_tree .issues-stat, #relations .issues-stat {font-size: 93%}
618 637
#issue_tree .issues-stat .badge, #relations .issues-stat .badge {bottom: initial;}
619 638
#issue_tree .issue > td, #relations .issue > td, #issue_tree .issue .user {
620 639
  text-overflow: ellipsis; /* if text exceeds its space, add ... */
......
698 717
div#activity dl, #search-results { margin-left: 2em; }
699 718
div#activity dd, #search-results dd { margin-bottom: 1em; padding-left: 18px; font-size: 0.9em; }
700 719
div#activity dt.me .time { border-bottom: 1px solid #999; }
701
div#activity dt .time { color: #777; font-size: 80%; margin-right: 4px; }
720
div#activity dt .time { color: #777; font-size: 93%; margin-right: 4px; }
702 721
div#activity dd .description, #search-results dd .description { font-style: italic; }
703 722
div#activity span.project:after, #search-results span.project:after { content: " -"; }
704 723
div#activity dd span.description, #search-results dd span.description { display:block; color: #808080; }
......
802 821
}
803 822
#projects-index ul.projects li.child {margin-top: 1em;}
804 823
#projects-index ul.projects div.root a.project {
805
  font-family: "Trebuchet MS", Verdana, sans-serif;
824
  font-family: "Noto Sans", sans-serif;
806 825
  font-weight: bold;
807 826
  font-size: 1rem;
808 827
  margin: 0 0 10px 0;
......
998 1017
  overflow: initial;
999 1018
}
1000 1019

  
1001
.tabular.settings p { padding-left: 300px; }
1020
.tabular.settings p { padding-left: 300px; font-size: 93%; }
1002 1021
.tabular.settings label{ margin-left: -300px; width: 295px; }
1003 1022
.tabular.settings textarea, .tabular.settings .wiki-preview, .tabular.settings .jstTabs { width: 99%; }
1004 1023

  
......
1152 1171
#errorExplanation ul { font-size: 0.9em;}
1153 1172
#errorExplanation h2, #errorExplanation p { display: none; }
1154 1173

  
1155
.conflict-details {font-size:80%;}
1174
.conflict-details {font-size:93%;}
1156 1175

  
1157 1176
/***** Ajax indicator ******/
1158 1177
#ajax-indicator {
......
1255 1274
border-radius: 3px;
1256 1275
background-color:#fff;
1257 1276
padding: 4px;
1258
font-size: 0.8em;
1277
font-size: 0.75rem;
1259 1278
color:#505050;
1260 1279
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
1261 1280
}
......
1291 1310
table.progress td.closed { background: #BAE0BA none repeat scroll 0%; }
1292 1311
table.progress td.done { background: #D3EDD3 none repeat scroll 0%; }
1293 1312
table.progress td.todo { background: #eee none repeat scroll 0%; }
1294
p.percent {font-size: 80%; margin:0;}
1295
p.progress-info {clear: left; font-size: 80%; margin-top:-4px; color:#777;}
1313
p.percent {font-size: 86%; margin:0;}
1314
p.progress-info {clear: left; font-size: 86%; margin-top:-4px; color:#777;}
1296 1315

  
1297 1316
.version-overview table.progress {width:40em;}
1298 1317
.version-overview table.progress td { height: 1.2em; }
......
1414 1433
div.wiki a {word-wrap: break-word;}
1415 1434
div.wiki a.new {color: #b73535;}
1416 1435

  
1436
div.wiki p {line-height: 1.6;}
1417 1437
div.wiki ul, div.wiki ol {margin-bottom:1em;}
1418 1438
div.wiki li>ul, div.wiki li>ol {margin-bottom: 0;}
1419 1439

  
......
1437 1457
div.wiki ul.toc {
1438 1458
  background-color: #ffffdd;
1439 1459
  border: 1px solid #e4e4e4;
1440
  padding: 4px;
1441
  line-height: 1.2em;
1460
  padding: 8px;
1461
  line-height: 1.4em;
1442 1462
  margin-bottom: 12px;
1443 1463
  margin-right: 12px;
1444 1464
  margin-left: 0;
......
1451 1471
div.wiki ul.toc.left  { float: left; margin-right: 12px; margin-left: 0; width: auto; clear: left
1452 1472
  ; }
1453 1473
div.wiki ul.toc ul { margin: 0; padding: 0; }
1454
div.wiki ul.toc li {list-style-type:none; margin: 0; font-size: 0.75rem;}
1474
div.wiki ul.toc li {list-style-type:none; margin: 0;}
1455 1475
div.wiki ul.toc>li:first-child {margin-bottom: .5em; color: #777;}
1456
div.wiki ul.toc li li {margin-left: 1.5em; font-size: 0.625rem;}
1476
div.wiki ul.toc li li {margin-left: 1.5em;}
1457 1477
div.wiki ul.toc a {
1458
  font-size: 0.9em;
1478
  font-size: 93%;
1459 1479
  font-weight: normal;
1460 1480
  text-decoration: none;
1461 1481
  color: #606060;
......
1618 1638
.badge {
1619 1639
  position:relative;
1620 1640
  font-weight:bold;
1621
  font-size: 0.625rem;
1641
  font-size: 0.75rem;
1622 1642
  bottom: 4px;
1623
  padding: 1px 3px;
1643
  padding: 1px 4px;
1624 1644
  margin-right: 2px;
1625 1645
  margin-left: 2px;
1626 1646
  border-radius: 2px;
app/assets/stylesheets/context_menu.css
41 41

  
42 42
#context-menu a {
43 43
  text-decoration:none !important;
44
  padding: 4px 8px;
44
  padding: 2px 8px;
45 45
}
46 46
#context-menu li>a { flex-grow: 1; }
47 47
#context-menu a.disabled, #context-menu a.disabled:hover {color: #aaa;}
(8-8/8)