33234-update-padding.patch

Go MAEDA, 2020-05-02 10:45

Download (3.44 KB)

View differences:

public/stylesheets/application.css
15 15
#wrapper {background: white;overflow: hidden;}
16 16
#wrapper3 { display: flex; flex-direction: column; }
17 17

  
18
#top-menu {background: #3E5B76; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 2px 0px 6px;}
18
#top-menu {background: #3E5B76; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 10px 0px 12px;}
19 19
#top-menu ul {margin: 0;  padding: 0;}
20 20
#top-menu li {
21 21
  float:left;
......
29 29

  
30 30
#account {float:right;}
31 31

  
32
#header {min-height:5.3em;margin:0;background-color:#628DB6;color:#f8f8f8; padding: 4px 8px 20px 6px; position:relative;}
32
#header {min-height:5.3em;margin:0;background-color:#628DB6;color:#f8f8f8; padding: 4px 16px 20px 16px; position:relative;}
33 33
#header a {color:#f8f8f8;}
34 34
#header h1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
35 35
#header h1 .breadcrumbs { display:block; font-size: .5em; font-weight: normal; }
......
37 37
#quick-search {float:right;}
38 38
#quick-search #q {width:130px; height:24px; box-sizing:border-box; vertical-align:middle; border:1px solid #ccc; border-radius:3px;}
39 39

  
40
#main-menu {position: absolute;  bottom: 0px;  left:6px; margin-right: -500px; width: 100%;}
40
#main-menu {position: absolute;  bottom: 0px;  left: 10px; margin-right: -500px; width: 100%;}
41 41
#main-menu ul {margin: 0;  padding: 0; width: 100%; white-space: nowrap;}
42 42
#main-menu li {
43 43
  float:none;
......
87 87

  
88 88
#main {flex-grow: 2; display: flex; flex-direction: row-reverse;}
89 89

  
90
#sidebar{ flex-shrink: 0; padding-left: 20px; background: #EEEEEE; border-left: 1px solid #ddd}
90
#sidebar{ flex-shrink: 0; padding-left: 20px; padding-right: 8px; background: #EEEEEE; border-left: 1px solid #ddd}
91 91
@media screen and (min-width: 0px) and (max-width: 1089px) {#sidebar{width: 22%;}}
92 92
@media screen and (min-width: 1090px) and (max-width: 1279px) {#sidebar{width: 240px;}}
93 93
@media screen and (min-width: 1280px) and (max-width: 1599px) {#sidebar{width: 280px;}}
......
106 106
#sidebar a.icon-only:hover {opacity: 1;}
107 107
#sidebar li input[type=checkbox] {height: 20px;}
108 108

  
109
#content { flex-grow: 1; background-color: #fff; margin: 0px; padding: 6px 10px 10px 10px; overflow-x: auto;}
109
#content { flex-grow: 1; background-color: #fff; margin: 0px; padding: 10px 16px 10px 16px; overflow-x: auto;}
110 110
html>body #content { min-height: 600px; }
111 111
* html body #content { height: 600px; } /* IE */
112 112

  
......
1161 1161
  border-bottom: 1px solid #bbbbbb;
1162 1162
  position:absolute;
1163 1163
  padding:4px;
1164
  width: 20px;
1164
  width: 24px;
1165 1165
  bottom: -1px;
1166 1166
}
1167 1167
button.tab-left:hover, button.tab-right:hover {
......
1172 1172
}
1173 1173

  
1174 1174
button.tab-left {
1175
  right: 20px;
1175
  right: 28px;
1176 1176
  background: #eeeeee url(../images/arrow_left.png) no-repeat 50% 50%;
1177 1177
  border-top-left-radius:3px;
1178 1178
}
1179 1179

  
1180 1180
button.tab-right {
1181
  right: 0;
1181
  right: 4px;
1182 1182
  background: #eeeeee url(../images/arrow_right.png) no-repeat 50% 50%;
1183 1183
  border-top-right-radius:3px;
1184 1184
}