1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-23 15:22:41 +01:00
phorge-phorge/webroot/rsrc/css/application/feed/feed.css
Chad Little b38ad4e45a Style text boxes and tab panels in dashboards
Summary: Adds basic borders, spacing to tab panels and text boxes.

Test Plan:
Added some of each to my Dashboard.

{F157622}

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: epriestley, Korvin

Maniphest Tasks: T5078

Differential Revision: https://secure.phabricator.com/D9216
2014-05-20 10:53:16 -07:00

87 lines
1.7 KiB
CSS

/**
* @provides phabricator-feed-css
*/
.phabricator-feed-frame {
margin: 20px 10px;
}
.phabricator-public-feed-frame {
margin: 10px;
max-width: 600px;
overflow-x: auto;
}
.phabricator-feed-frame .phabricator-action-header-title {
font-size: 16px;
margin-bottom: 5px;
}
.device-desktop .phabricator-feed-frame {
max-width: 600px;
margin: 16px;
}
.phabricator-feed-frame .phabricator-action-header {
padding: 0;
}
.phabricator-feed-story-date-separator {
margin-top: 16px;
}
.phabricator-feed-newer-link {
float: left;
font-weight: bold;
}
.phabricator-feed-older-link {
float: right;
font-weight: bold;
}
.phabricator-public-feed-frame .phui-feed-story-foot {
background: none;
}
.phabricator-public-feed-frame .phui-feed-story {
box-shadow: none;
}
.phabricator-public-feed-frame .phui-feed-wrap {
border: none;
}
/* - Dashboards ------------------------------------------------------------ */
.dashboard-panel .phabricator-feed-frame {
background: #fff;
margin: 0;
border-left: 1px solid {$lightblueborder};
border-right: 1px solid {$lightblueborder};
border-bottom: 1px solid {$blueborder};
}
.dashboard-panel .phabricator-feed-frame .phabricator-action-header {
background: #f7f7f7;
}
.dashboard-panel .phabricator-feed-frame .phabricator-action-header-title {
font-size: 13px;
margin-left: 8px;
margin-bottom: 0;
}
.dashboard-panel .phabricator-feed-frame .phui-feed-story {
border: none;
border-bottom: 1px solid {$thinblueborder};
margin: 0;
}
.dashboard-panel .phabricator-feed-frame .phui-feed-story-foot {
background: #fff;
}
.dashboard-panel .phabricator-feed-frame .phabricator-feed-story-date-separator {
margin-top: 0;
}