mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-15 18:10:53 +01:00
2ba5968b76
Summary: Implements a new mobile view thats more fullscreen, not boxed, so more space. Fixes issues with mobile tables when scrolling overflowed content. Test Plan: Test home, branch, tags, code, file browse, graph, compare, history, readme, open revisions, owners. Reviewers: epriestley Reviewed By: epriestley Spies: Korvin Differential Revision: https://secure.phabricator.com/D18505
115 lines
2 KiB
CSS
115 lines
2 KiB
CSS
/**
|
|
* @provides diffusion-source-css
|
|
*/
|
|
|
|
.diffusion-source {
|
|
width: 100%;
|
|
background: {$page.content};
|
|
overflow: hidden;
|
|
}
|
|
|
|
.device-phone .diffusion-source-wrap {
|
|
overflow: scroll;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
.diffusion-source tr.phabricator-source-highlight th,
|
|
.diffusion-source tr.phabricator-source-highlight td {
|
|
background: {$gentle.highlight};
|
|
}
|
|
|
|
.diffusion-source th {
|
|
text-align: right;
|
|
vertical-align: top;
|
|
color: {$darkbluetext};
|
|
border-right: 1px solid {$thinblueborder};
|
|
}
|
|
|
|
.diffusion-source td {
|
|
vertical-align: top;
|
|
white-space: pre-wrap;
|
|
padding: 3px 12px;
|
|
width: 100%;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.device .diffusion-source td {
|
|
word-break: normal;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.diffusion-browse-type-form {
|
|
float: right;
|
|
}
|
|
|
|
.diffusion-blame-link,
|
|
.diffusion-rev-link,
|
|
.diffusion-blame-date {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.diffusion-blame-date,
|
|
.diffusion-blame-link,
|
|
.diffusion-blame-revision,
|
|
.diffusion-rev-link {
|
|
background: {$lightgreybackground};
|
|
font: {$basefont};
|
|
font-size: {$smallerfontsize};
|
|
}
|
|
|
|
.diffusion-source th.diffusion-rev-link {
|
|
text-align: left;
|
|
min-width: 130px;
|
|
}
|
|
|
|
.diffusion-source a {
|
|
color: {$darkbluetext};
|
|
}
|
|
|
|
.diffusion-rev-link a {
|
|
max-width: 300px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
margin: 3px 8px;
|
|
display: block;
|
|
}
|
|
|
|
.diffusion-blame-date a,
|
|
.diffusion-blame-revision a {
|
|
float: right;
|
|
margin: 3px 8px;
|
|
}
|
|
|
|
.diffusion-rev-link span {
|
|
margin-right: -4px;
|
|
margin-left: -4px;
|
|
color: {$lightgreytext};
|
|
}
|
|
|
|
.diffusion-blame-link a,
|
|
.diffusion-line-link a {
|
|
/* Give the user a larger click target. */
|
|
display: block;
|
|
padding: 4px 8px 3px;
|
|
}
|
|
|
|
.diffusion-line-link a {
|
|
color: {$lightgreytext};
|
|
}
|
|
|
|
.diffusion-blame-link a .phui-icon-view {
|
|
color: {$bluetext};
|
|
}
|
|
|
|
.diffusion-blame-link a:hover .phui-icon-view {
|
|
color: {$sky};
|
|
}
|
|
|
|
.diffusion-line-link {
|
|
-moz-user-select: -moz-none;
|
|
-khtml-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|