1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-11 01:12:41 +01:00
phorge-phorge/webroot/rsrc/css/application/diffusion/diffusion-history.css
Chad Little ece651255c Optimize mobile layout of DiffusionHistoryView
Summary: Little nits and spacing changes to viewing diffusion commit history on phones.

Test Plan:
Review in Chrome, iOS Simulator.

{F4990749}

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D18085
2017-06-06 10:29:11 -07:00

82 lines
1.8 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;
}
/* - 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;
}