mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-16 02:20:54 +01:00
df6ad07566
Summary: Adds a new DiffusionBranchListView which replaces the BranchTable when browsing all branches in Diffusion. Has all the same capabilities, but is easier to read, adds a Compare button, and plays nicely on mobile. It does take up more space, but I think that's generally OK here since we expect our branches to not be heaping piles of intern revert branches.
Test Plan:
Follow a few repositories with branches, like Phabricator and KDE's Krita. View layouts on mobile, tablet, desktop. Try out new compare button.
{F4996207}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: avivey, Korvin
Maniphest Tasks: T12824
Differential Revision: https://secure.phabricator.com/D18113
99 lines
2.1 KiB
CSS
99 lines
2.1 KiB
CSS
/**
|
|
* @provides diffusion-history-css
|
|
*/
|
|
|
|
/* - List Styles ------------------------------------------------------------*/
|
|
|
|
.diffusion-history-list .phui-oi-link {
|
|
color: #000;
|
|
font-size: {$biggerfontsize};
|
|
}
|
|
|
|
.diffusion-history-message {
|
|
background-color: {$bluebackground};
|
|
padding: 16px;
|
|
margin: 4px 0;
|
|
border-radius: 5px;
|
|
color: {$darkbluetext};
|
|
}
|
|
|
|
.diffusion-history-list .phui-oi-attribute {
|
|
font-size: {$smallerfontsize};
|
|
letter-spacing: 0.01em;
|
|
}
|
|
|
|
.diffusion-history-author-name a {
|
|
color: {$darkbluetext};
|
|
}
|
|
|
|
.diffusion-history-list .diffusion-differential-tag {
|
|
margin-left: 4px;
|
|
}
|
|
|
|
/* - 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;
|
|
}
|
|
|
|
/* - 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-two-column-view
|
|
.phui-two-column-footer .phui-header-view {
|
|
text-align: center;
|
|
}
|
|
|
|
.device-phone.diffusion-history-view .phui-two-column-content {
|
|
padding: 0;
|
|
margin: 0 -4px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.device-phone.diffusion-history-view .diffusion-history-list .button.has-icon
|
|
.phui-button-text {
|
|
margin: 0;
|
|
}
|
|
|
|
.device-phone.diffusion-history-view .diffusion-history-list .button.has-icon
|
|
.phui-icon-view {
|
|
display: none;
|
|
}
|