Skip to content

Commit 508f182

Browse files
fregantefregante
authored
26.9.12 clean-pinned-issues hotfix
refined-github/refined-github#10123
1 parent 67e1725 commit 508f182

1 file changed

Lines changed: 97 additions & 0 deletions

File tree

‎style/26.9.12.css‎

Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -78,3 +78,100 @@ html:not([rgh-OFF-align-issue-labels]) {
7878
}
7979
}
8080
}
81+
82+
/* https://github.com/refined-github/refined-github/issues/10123 */
83+
@media (width >= 700px) {
84+
/* Pinned issues table */
85+
ul[aria-label='Drag and drop pinned issues list.'] {
86+
display: table !important;
87+
width: 100% !important;
88+
max-width: 100%;
89+
min-width: 0;
90+
table-layout: fixed;
91+
box-sizing: border-box;
92+
93+
word-break: break-word;
94+
95+
box-shadow: 0 0 0 1px var(--rgh-border-outer-color, fuchsia);
96+
border-collapse: collapse;
97+
border-radius: 6px;
98+
border-style: hidden;
99+
}
100+
101+
/* Individual rows */
102+
ul[aria-label='Drag and drop pinned issues list.']
103+
> li[class*='PinnedIssuesStrip-module__container'] {
104+
display: table-row !important;
105+
border-color: var(--rgh-border-color, fuchsia) !important;
106+
min-width: 0;
107+
}
108+
109+
/* New inner wrapper */
110+
ul[aria-label='Drag and drop pinned issues list.']
111+
> li[class*='PinnedIssuesStrip-module__container']
112+
> div.position-relative {
113+
display: contents;
114+
}
115+
116+
/* Issue card */
117+
div[class*='PinnedIssueCard-module__PinnedIssueContainer'] {
118+
display: table-cell;
119+
vertical-align: top;
120+
padding: 4px 12px 4px 8px !important;
121+
min-width: 0;
122+
max-width: 100%;
123+
box-sizing: border-box;
124+
}
125+
126+
/* Issue content */
127+
div[class*='PinnedIssueCard-module__contentContainer'] {
128+
flex-direction: row;
129+
align-items: flex-start;
130+
min-width: 0;
131+
max-width: 100%;
132+
box-sizing: border-box;
133+
}
134+
135+
/* Status icon */
136+
span[class*='PinnedIssueCard-module__Octicon'] {
137+
vertical-align: text-bottom;
138+
margin-left: -1.5em;
139+
line-height: 1.3;
140+
}
141+
142+
/* Keep wrapped titles clear of the status icon */
143+
a[class*='PinnedIssueCard-module__Link'] {
144+
padding-left: 1.5em;
145+
overflow-wrap: anywhere;
146+
min-width: 0;
147+
}
148+
149+
/* Options button */
150+
div[class*='PinnedIssueCard-module__titleOptionsContainer'] {
151+
display: contents;
152+
153+
> button {
154+
order: 1;
155+
margin-top: 6px;
156+
}
157+
}
158+
159+
/* Metadata */
160+
div[class*='PinnedIssueCard-module__metadataContainer'] {
161+
text-align: end;
162+
margin-left: 8px;
163+
line-height: 1.2;
164+
justify-content: flex-end;
165+
align-items: flex-start;
166+
padding: 11px 4px 0 0;
167+
168+
min-width: 0;
169+
max-width: 100%;
170+
box-sizing: border-box;
171+
172+
/* Hide "opened" */
173+
[data-hovercard-type='user'] + span {
174+
display: none;
175+
}
176+
}
177+
}

0 commit comments

Comments
 (0)