1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-26 07:20:57 +01:00
phorge-phorge/webroot/rsrc/css/application/search/application-search-view.css
Chad Little 2ba5968b76 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 12:28:00 -07:00

73 lines
1.5 KiB
CSS

/**
* @provides application-search-view-css
*/
.application-search-view {
background-color: {$page.content};
}
.application-search-view .phui-crumbs-view {
background-color: {$page.content};
}
.application-search-view .application-search-results.phui-object-box {
margin: 0;
padding: 0 16px 24px;
}
.device-phone .application-search-view
.application-search-results.phui-object-box {
padding: 0 12px 24px;
}
.application-search-view .application-search-results .phui-profile-header {
padding: 22px 8px;
border-bottom: 1px solid {$thinblueborder};
}
.application-search-view .phui-object-box.phui-object-box-collapsed
.phui-header-shell {
padding: 20px 8px;
}
.application-search-results
.phui-profile-header.phui-header-shell .phui-header-header {
font-size: 20px;
}
.device-phone.application-search-view .application-search-results
.phui-profile-header {
padding: 12px 0;
}
.device-phone.application-search-view .application-search-results
.phui-profile-header.phui-header-shell {
padding: 12px 0 12px 4px;
}
.device-phone .application-search-results
.phui-profile-header.phui-header-shell .phui-header-header {
font-size: 16px;
}
.device-phone.application-search-view
.application-search-results.phui-object-box {
padding: 0 12px;
}
.application-search-view .phui-box-border {
border: none;
}
.application-search-pager {
margin: 0 16px 16px 16px;
padding: 8px;
}
.device-phone .application-search-pager {
margin: 12px;
}
.application-search-view .phui-oi-list-view.phui-oi-list-big {
margin-top: 12px;
}