2017-05-23 23:01:32 +02:00
|
|
|
/**
|
2017-07-10 03:38:38 +02:00
|
|
|
* @provides diffusion-css
|
2017-05-23 23:01:32 +02:00
|
|
|
*/
|
|
|
|
|
2017-07-10 03:38:38 +02:00
|
|
|
/* - Home Styles ------------------------------------------------------------*/
|
|
|
|
|
|
|
|
.diffusion-profile-header.phui-profile-header .phui-header-col3 {
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
|
|
|
|
.diffusion-profile-header .phui-header-action-links a.button {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2017-08-15 23:14:08 +02:00
|
|
|
.device-phone .diffusion-profile-header .phui-header-col1 {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2017-07-12 05:37:06 +02:00
|
|
|
.diffusion-action-bar {
|
|
|
|
margin-bottom: 16px;
|
|
|
|
}
|
|
|
|
|
2017-07-24 22:27:19 +02:00
|
|
|
.device-phone .diffusion-action-bar {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.device-phone .diffusion-action-bar .phui-lr-container {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.device-phone .diffusion-action-bar .phui-lr-container .phui-left-view {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.device-phone .diffusion-action-bar .phui-lr-container .phui-right-view {
|
|
|
|
padding-top: 12px;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2017-08-15 20:32:54 +02:00
|
|
|
.device-phone .diffusion-action-bar .button .phui-button-text {
|
|
|
|
visibility: hidden;
|
|
|
|
width: 0;
|
|
|
|
margin-left: 8px;
|
|
|
|
}
|
|
|
|
|
2017-08-21 22:07:38 +02:00
|
|
|
.device-phone .full-mobile-buttons.diffusion-action-bar .phui-lr-container
|
|
|
|
.phui-left-view {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.device-phone .full-mobile-buttons.diffusion-action-bar .phui-lr-container
|
|
|
|
.phui-right-view {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
2017-07-10 03:38:38 +02:00
|
|
|
.diffusion-profile-locate .phui-form-view {
|
2017-07-12 05:37:06 +02:00
|
|
|
margin: 0;
|
2017-07-10 03:38:38 +02:00
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.diffusion-profile-locate .phui-form-view .aphront-form-control {
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.diffusion-profile-locate .phui-form-view .aphront-form-input {
|
|
|
|
margin: 0;
|
|
|
|
width: 480px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.device .diffusion-profile-locate .phui-form-view .aphront-form-input {
|
|
|
|
margin: 0;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.diffusion-profile-description.phui-object-box {
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.device-phone .diffusion-profile-description.phui-object-box {
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
2017-08-14 20:05:10 +02:00
|
|
|
.diffusion-view-browse-header {
|
|
|
|
display: block;
|
|
|
|
padding: 2px 0;
|
|
|
|
font-size: {$biggestfontsize};
|
|
|
|
}
|
|
|
|
|
2017-06-06 19:20:45 +02:00
|
|
|
/* - List Styles ------------------------------------------------------------*/
|
|
|
|
|
2017-05-23 23:01:32 +02:00
|
|
|
.diffusion-history-list .phui-oi-link {
|
2017-07-17 20:08:17 +02:00
|
|
|
color: {$blacktext};
|
2017-05-23 23:01:32 +02:00
|
|
|
font-size: {$biggerfontsize};
|
|
|
|
}
|
|
|
|
|
2017-05-28 02:55:44 +02:00
|
|
|
.diffusion-history-list .phui-oi-attribute {
|
|
|
|
font-size: {$smallerfontsize};
|
|
|
|
letter-spacing: 0.01em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.diffusion-history-author-name a {
|
|
|
|
color: {$darkbluetext};
|
|
|
|
}
|
2017-06-01 21:36:20 +02:00
|
|
|
|
2017-06-13 20:02:12 +02:00
|
|
|
/* - Branch Styles ----------------------------------------------------------*/
|
|
|
|
|
|
|
|
.diffusion-branch-list .phui-oi-attribute a {
|
|
|
|
color: {$darkbluetext};
|
|
|
|
}
|
|
|
|
|
|
|
|
.diffusion-branch-list .phui-oi-attribute-spacer {
|
|
|
|
visibility: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
.diffusion-branch-list .phui-oi-subhead {
|
|
|
|
color: {$bluetext};
|
|
|
|
}
|
|
|
|
|
|
|
|
.diffusion-branch-list .phui-oi-subhead .phui-tag-view {
|
|
|
|
margin-right: 4px;
|
|
|
|
}
|
2017-06-06 19:20:45 +02:00
|
|
|
|
2017-08-16 21:07:14 +02:00
|
|
|
.diffusion-header-branch-tag.phui-tag-view.phui-tag-type-outline
|
|
|
|
.phui-tag-core {
|
|
|
|
padding: 3px 12px 2px;
|
|
|
|
font-size: {$normalfontsize};
|
|
|
|
}
|
|
|
|
|
2017-07-09 04:54:23 +02:00
|
|
|
/* - Browse Styles ----------------------------------------------------------*/
|
|
|
|
|
|
|
|
.diffusion-browse-table .commit-detail {
|
|
|
|
padding-left: 32px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.diffusion-browse-table .commit-detail a {
|
|
|
|
color: {$darkbluetext};
|
|
|
|
}
|
|
|
|
|
2017-08-15 05:50:06 +02:00
|
|
|
.diffusion-search-result-header.phui-header-shell {
|
|
|
|
border: none;
|
|
|
|
padding-bottom: 24px;
|
|
|
|
}
|
|
|
|
|
2017-08-15 01:29:27 +02:00
|
|
|
/* - Search Input ------------------------------------------------------------*/
|
|
|
|
|
|
|
|
.diffusion-search-form-view {
|
|
|
|
width: 240px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.diffusion-search-form-view .diffusion-search-input {
|
|
|
|
width: 240px;
|
|
|
|
border-radius: 20px;
|
|
|
|
padding-left: 12px;
|
|
|
|
}
|
|
|
|
|
2017-08-15 23:14:08 +02:00
|
|
|
.device-phone .diffusion-browse-header .diffusion-search-form-view,
|
|
|
|
.device-phone .diffusion-profile-header .diffusion-search-form-view {
|
2017-08-15 01:29:27 +02:00
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.diffusion-mobile-search-form {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.device-phone .diffusion-mobile-search-form {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.device-phone .diffusion-search-form-view {
|
|
|
|
width: 100%;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.device-phone .diffusion-search-form-view .diffusion-search-input {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
2017-08-15 20:01:59 +02:00
|
|
|
/* - Create Repository -------------------------------------------------------*/
|
|
|
|
|
|
|
|
.diffusion-create-repo {
|
|
|
|
margin-top: 32px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.device .diffusion-create-repo {
|
|
|
|
margin-top: 0;
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
2017-08-15 01:29:27 +02:00
|
|
|
|
2017-06-06 19:20:45 +02:00
|
|
|
/* - Phone Style ------------------------------------------------------------*/
|
|
|
|
|
|
|
|
.device-phone.diffusion-history-view .phui-two-column-view
|
|
|
|
.phui-two-column-footer .phui-object-box {
|
|
|
|
border-color: {$thinblueborder};
|
|
|
|
}
|
|
|
|
|
|
|
|
.device-phone.diffusion-history-view .phui-oi-attribute-spacer {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.device-phone.diffusion-history-view .phui-oi-attribute {
|
|
|
|
display: block;
|
|
|
|
margin: 0 0 4px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.device-phone.diffusion-history-view .phui-oi-image {
|
|
|
|
height: 36px;
|
|
|
|
width: 36px;
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.device-phone.diffusion-history-view .phui-oi-with-image .phui-oi-content-box {
|
|
|
|
margin-left: 44px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.device-phone.diffusion-history-view .phui-oi-col2.phui-oi-side-column {
|
|
|
|
padding-bottom: 10px;
|
|
|
|
}
|
|
|
|
|
Mobile layouts for Diffusion
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
2017-08-30 21:00:07 +02:00
|
|
|
.device-phone .phui-two-column-view .phui-two-column-content
|
|
|
|
.phui-object-box.diffusion-mobile-view {
|
|
|
|
margin: 0 -12px 20px;
|
|
|
|
border-left: none;
|
|
|
|
border-right: none;
|
|
|
|
border-color: {$thinblueborder};
|
2017-06-06 19:20:45 +02:00
|
|
|
}
|
2020-07-10 20:41:59 +02:00
|
|
|
|
|
|
|
.diffusion-commit-graph-table td.diffusion-commit-graph-path-cell {
|
|
|
|
padding: 0 4px 0 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.diffusion-commit-graph-table td.diffusion-commit-graph-path-cell > canvas {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2020-07-12 20:01:32 +02:00
|
|
|
.diffusion-commit-graph-table .phui-oi-list-header {
|
2020-07-10 20:41:59 +02:00
|
|
|
color: {$darkgreytext};
|
|
|
|
font-weight: bold;
|
2020-07-12 20:01:32 +02:00
|
|
|
padding: 4px 4px;
|
|
|
|
font-size: {$normalfontsize};
|
2020-07-10 20:41:59 +02:00
|
|
|
}
|