Project

General

Profile

Feature #43988 » 0001-Refine-selected-state-styling-in-sidebar.patch

Go MAEDA, 2026-04-24 08:37

View differences:

app/assets/stylesheets/application.css
394 394
#sidebar a.selected {
395 395
  line-height: 1.7em;
396 396
  padding-block: 1px 2px;
397
  padding-inline: 2px 3px;
398
  margin-inline-start: -2px;
399
  background-color: rgba(var(--oc-blue-9-rgb), 0.6);
400
  color: var(--oc-white);
401
  border-radius: 2px;
397
  padding-inline: 6px 5px;
398
  margin-inline-start: -6px;
399
  background-color: var(--oc-indigo-1);
400
  color: var(--oc-indigo-9);
401
  box-shadow: inset 3px 0 0 var(--color-current-marker);
402
}
403
#sidebar a.selected:hover {
404
  color: var(--oc-indigo-9);
405
  text-decoration:none;
402 406
}
403
#sidebar a.selected:hover {text-decoration:none;}
404
#sidebar a.selected svg.icon-svg { stroke: var(--oc-white) !important; }
407
#sidebar a.selected svg.icon-svg { stroke: var(--oc-indigo-9) !important; }
405 408
#sidebar .query.default {font-weight: bold;}
406 409
#admin-menu a {line-height:1.7em;}
407 410

  
app/assets/themes/alternate/stylesheets/application.css
36 36
#main-menu li a { font-weight: bold;}
37 37
#main-menu li a:hover { text-decoration: underline; }
38 38
#main-menu li a.new-object, #main-menu li a.new-object:hover { color: white; background-color:#507AAA; text-decoration: none; }
39
#sidebar a.selected,
40
#sidebar a.selected:hover { background-color: #507AAA; color: #fff; box-shadow: none; border-radius: 3px; }
41
#sidebar a.selected svg.icon-svg { stroke: #fff !important; }
39 42

  
40 43
#main-menu .menu-children {
41 44
  border-block-end: 1px solid #507AAA;
app/assets/themes/classic/stylesheets/application.css
31 31
#main-menu li a:hover { background-color: #80b0da; color: #ffffff; }
32 32
#main-menu li a.selected, #main-menu li a.selected:hover { background-color: #80b0da; color: #ffffff; box-shadow: none;}
33 33
#main-menu li a.new-object { color: #fff;background-color:#80b0da; }
34
#sidebar a.selected,
35
#sidebar a.selected:hover { background-color: #80b0da; color: #fff; box-shadow: none; border-radius: 3px; }
36
#sidebar a.selected svg.icon-svg { stroke: #fff !important; }
34 37

  
35 38
#main-menu .menu-children {
36 39
  border-inline-end: 1px solid #80b0da;
(5-5/5)