Skip to content

Commit 3960141

Browse files
vhardyvhardy
committed
Updated shared issues tracking and alternate stylesheets
1 parent a83a662 commit 3960141

2 files changed

Lines changed: 132 additions & 136 deletions

File tree

‎shared/style/alternate-spec-style.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44

55

66
@media screen and (min-width: 68em){
7-
.issue-marker {
7+
.issue-marker:not(#issue-dashboard .issue-marker) {
88
position: absolute;
99
width: 20ex;
1010
margin-left: -22ex;
@@ -19,7 +19,7 @@
1919
text-align: right;
2020
}
2121

22-
div.issue-marker {
22+
div.issue-marker:not(#issue-dashboard .issue-marker) {
2323
position: absolute;
2424
width: 20ex;
2525
margin-left: -22ex;

‎shared/style/issues.css‎

Lines changed: 130 additions & 134 deletions
Original file line numberDiff line numberDiff line change
@@ -1,161 +1,157 @@
11
.issue-marker {
2-
background:#eee;
3-
border:1px solid #ddd;
4-
font-size: 1em;
2+
background: #eee;
3+
border:1px solid #ddd;
4+
font-size: 1em;
5+
padding: 0.5em;
56
}
67

78
.issue-marker.wrapper {
8-
background: none;
9-
border: none;
9+
background: none;
10+
border: none;
1011
}
1112

1213
.issue-marker a:link {
1314
color: #c00;
1415
background: none;
1516
font-weight: normal;
16-
padding-right: 0.5em;
1717
}
1818

1919
.issue-details {
20-
padding:0.5em;
21-
font-size: 0.8em;
22-
line-height: 1.5;
20+
font-size: 0.8em;
21+
line-height: 1.5;
22+
margin-top: 0.5em;
2323
}
2424

2525
.issue-details p{
26-
padding:0;
27-
margin:0;
28-
}
26+
padding:0;
27+
margin:0;
28+
}
2929

3030
.issue-details .status{
31-
background:#333;
32-
color:white;
33-
float:left;
34-
padding:0.15em 0.8em;
35-
font-size:0.8em;
36-
margin-right:0.8em;
37-
text-transform:uppercase;
38-
}
39-
40-
#issue-manager form{
31+
background: #333;
32+
color: white;
33+
float: left;
34+
padding: 0.15em 0.8em;
35+
font-size: 0.8em;
36+
margin-right: 0.8em;
37+
text-transform: uppercase;
38+
}
39+
40+
/* Issue Dashboard styles */
41+
#issue-dashboard{
42+
position: fixed;
43+
bottom: 0;
44+
right: 0;
45+
background: #333;
46+
}
47+
48+
#issue-dashboard.open{
49+
height: 50%;
50+
width: 50%;
51+
opacity: 0.98;
52+
}
53+
54+
#issue-dashboard .issue-list{
55+
display: none;
56+
margin: 0;
57+
padding: 0;
58+
list-style: none;
59+
}
60+
61+
#issue-dashboard.open .issue-list{
62+
display: block;
63+
width: 100%;
64+
height: 100%;
65+
overflow: auto;
66+
}
67+
68+
.issue-dashboard-header{
69+
display: none;
70+
padding: 7px 20px;
71+
margin-top: -30px;
72+
text-decoration: none;
73+
color: black;
74+
}
75+
76+
.issue-dashboard-header em{
77+
font-style: normal;
78+
padding: 1px 10px;
79+
margin-left: 10px;
4180
background: #eee;
42-
padding:10px 1em;
81+
color: black;
82+
font-size: 0.9em;
4383
}
4484

45-
/* hide all non-"updated" issues */
46-
#issue-manager[data-view_state="updated"] #issue-list>div:not([data-issue_state="updated"]){
47-
display:none;
85+
.ok .issue-dashboard-header{
86+
display: block;
87+
background-color: #ccc;
4888
}
49-
50-
/* hide all non-"new" issues */
51-
#issue-manager[data-view_state="new"] #issue-list>div:not([data-issue_state="new"]){
52-
display:none;
53-
}
54-
55-
#issue-manager .issue-marker{
56-
background: none;
57-
position: relative;
58-
margin:0;
59-
width:auto;
60-
text-align:left;
61-
padding:0.5em 0;
62-
}
63-
64-
#issue-manager .issue-marker a:link{
65-
padding:0.5em;
66-
}
67-
68-
#issue-list div[data-issue_state="new"]{
69-
background:#C1FFC1;
70-
}
71-
72-
#issue-list div[data-issue_state="resolved"]{
73-
background:white;
74-
color: #a0a0a0;
75-
}
76-
77-
#issue-list div[data-issue_state="updated"]{
78-
background:papayawhip;
79-
}
80-
81-
#issue-list{
82-
margin-top:20px;
83-
}
84-
85-
#issue-list pre{
86-
padding:1em;
87-
margin:0;
88-
}
89-
90-
#issue-list>div{
91-
position:relative;
92-
}
93-
94-
#issue-list a.issue-markup-trigger{
95-
font-size: 0.8em;
96-
padding: 0.2em 0.5em;
97-
background: #eee;
98-
text-decoration: none;
99-
color: #444;
100-
/* this was causing all the trigger
101-
links to stack up in one spot,
102-
even though the wrapper is
103-
relative position */
104-
/*position: absolute;
105-
right: 10px;
106-
top: 10px; */
107-
z-index: 1;
108-
}
109-
110-
#issue-list a.issue-markup-trigger:hover{
111-
background: #ddd;
112-
color: #000;
113-
}
114-
115-
#issue-list .showMarkup pre{
116-
display: block;
117-
}
118-
119-
#issue-list .showMarkup .issue-marker,
120-
#issue-list pre{
121-
display: none;
122-
}
12389

124-
.issue-marker {
125-
background:#eee;
126-
border:1px solid #ddd;
127-
font-size: 1em;
128-
}
129-
130-
.issue-marker.wrapper {
131-
background: none;
132-
border: none;
133-
}
90+
.warning .issue-dashboard-header{
91+
display: block;
92+
background-color: #f0f0f0;
93+
border-top: thin solid #c0c0c0;
94+
border-left: thin solid #c0c0c0;
95+
}
13496

135-
.issue-marker a:link {
136-
color: #c00;
137-
background: none;
138-
font-weight: normal;
139-
padding-right: 0.5em;
140-
}
97+
.warning .issue-dashboard-header:hover{
98+
background-color: #d0d0d0;
99+
opacity: 1;
100+
}
141101

142-
.issue-details {
143-
padding:0.5em;
144-
font-size: 0.8em;
145-
line-height: 1.5;
146-
}
102+
.warning .issue-dashboard-header em{
103+
background-color: red;
104+
color: white;
105+
padding: 0.5em;
106+
text-decoration: none;
107+
}
147108

148-
.issue-details p{
149-
padding:0;
150-
margin:0;
151-
}
109+
.issue-list li{
110+
padding: 20px;
111+
margin: 0px;
112+
border-bottom: 1px solid #000;
113+
}
152114

153-
.issue-details .status{
154-
background:#333;
155-
color:white;
156-
float:left;
157-
padding:0.15em 0.8em;
158-
font-size:0.8em;
159-
margin-right:0.8em;
160-
text-transform:uppercase;
161-
}
115+
.issue-list .issue-marker,
116+
.issue-list .showMarkup pre{
117+
display: block;
118+
clear: both;
119+
}
120+
121+
.issue-list .showMarkup .issue-marker,
122+
.issue-list pre{
123+
display: none;
124+
}
125+
126+
.issue-list pre{
127+
background: #333;
128+
color: white;
129+
padding: 0.2em 1em;
130+
margin: 0;
131+
overflow: auto;
132+
}
133+
134+
.issue-list .meta{
135+
display: block;
136+
padding: 2px 7px;
137+
background: #666;
138+
color: white;
139+
float: left;
140+
text-transform: uppercase;
141+
}
142+
143+
.issue-list .toggle{
144+
float: right;
145+
color: white;
146+
}
147+
148+
.issue-list .toggle:hover{
149+
background: none;
150+
text-decoration: none;
151+
}
152+
153+
.issue-list .meta,
154+
.issue-list .toggle{
155+
margin-bottom: 10px;
156+
font-size: 0.8em;
157+
}

0 commit comments

Comments
 (0)