revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-09-19 16:58:48 +02:00
Code Issues Releases Wiki Activity

Use pixel as background of timeline

Browse source 
Summary: Makes the line in timeline a background "image" instead.

Test Plan: Tested Desktop, Mobile, and Tablet breakpoints with lots of content.

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: Korvin, epriestley, aran

Differential Revision: https://secure.phabricator.com/D8221
This commit is contained in:
Chad Little 2014-02-13 15:15:58 -08:00
parent 5729bbc085
commit 3143310954
3 changed files with 16 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
resources/celerity/map.php
View file

@ -144,7 +144,7 @@ return array(
'rsrc/css/phui/phui-status.css' => '2f562399', 'rsrc/css/phui/phui-status.css' => '2f562399',
'rsrc/css/phui/phui-tag-view.css' => '295d81c4', 'rsrc/css/phui/phui-tag-view.css' => '295d81c4',
'rsrc/css/phui/phui-text.css' => '23e9b4b7', 'rsrc/css/phui/phui-text.css' => '23e9b4b7',
'rsrc/css/phui/phui-timeline-view.css' => '31c2bafe', 'rsrc/css/phui/phui-timeline-view.css' => '6c5e2da9',
'rsrc/css/phui/phui-workboard-view.css' => 'bf70dd2e', 'rsrc/css/phui/phui-workboard-view.css' => 'bf70dd2e',
'rsrc/css/phui/phui-workpanel-view.css' => '6f8527f6', 'rsrc/css/phui/phui-workpanel-view.css' => '6f8527f6',
'rsrc/css/sprite-actions.css' => '4557baf8', 'rsrc/css/sprite-actions.css' => '4557baf8',
@ -219,6 +219,7 @@ return array(
'rsrc/externals/raphael/g.raphael.js' => '40dde778', 'rsrc/externals/raphael/g.raphael.js' => '40dde778',
'rsrc/externals/raphael/g.raphael.line.js' => '40da039e', 'rsrc/externals/raphael/g.raphael.line.js' => '40da039e',
'rsrc/externals/raphael/raphael.js' => '51ee6b43', 'rsrc/externals/raphael/raphael.js' => '51ee6b43',
'rsrc/image/BFCFDA.png' => 'd5ec91f4',
'rsrc/image/actions/edit.png' => '2fc41442', 'rsrc/image/actions/edit.png' => '2fc41442',
'rsrc/image/apple-touch-icon.png' => '8458dda7', 'rsrc/image/apple-touch-icon.png' => '8458dda7',
'rsrc/image/avatar.png' => '62c5f933', 'rsrc/image/avatar.png' => '62c5f933',
@ -755,7 +756,7 @@ return array(
'phui-status-list-view-css' => '2f562399', 'phui-status-list-view-css' => '2f562399',
'phui-tag-view-css' => '295d81c4', 'phui-tag-view-css' => '295d81c4',
'phui-text-css' => '23e9b4b7', 'phui-text-css' => '23e9b4b7',
'phui-timeline-view-css' => '31c2bafe', 'phui-timeline-view-css' => '6c5e2da9',
'phui-workboard-view-css' => 'bf70dd2e', 'phui-workboard-view-css' => 'bf70dd2e',
'phui-workpanel-view-css' => '6f8527f6', 'phui-workpanel-view-css' => '6f8527f6',
'policy-css' => '957ea14c', 'policy-css' => '957ea14c',

16
webroot/rsrc/css/phui/phui-timeline-view.css
View file

@ -4,10 +4,18 @@
.phui-timeline-view { .phui-timeline-view {
padding: 0 16px; padding: 0 16px;
background-image: url('/rsrc/image/BFCFDA.png');
background-repeat: repeat-y;
background-position: 94px;
}
.device-tablet .phui-timeline-view {
background-position: 31px;
} }
.device-phone .phui-timeline-view { .device-phone .phui-timeline-view {
padding: 0; padding: 0;
background-position: 20px;
} }
.phui-timeline-major-event .phui-timeline-group { .phui-timeline-major-event .phui-timeline-group {
@ -27,9 +35,6 @@
.device-desktop .phui-timeline-spacer { .device-desktop .phui-timeline-spacer {
min-height: 16px; min-height: 16px;
border-width: 0 0 0 1px; border-width: 0 0 0 1px;
border-style: solid;
border-color: {$lightblueborder};
margin-left: 78px;
} }
.device-desktop .phui-timeline-wedge { .device-desktop .phui-timeline-wedge {
@ -38,6 +43,11 @@
width: 12px; width: 12px;
} }
.device-phone .phui-timeline-minor-event,
.device-tablet .phui-timeline-minor-event {
padding-left: 3px;
}
.phui-timeline-major-event .phui-timeline-content { .phui-timeline-major-event .phui-timeline-content {
border-top: 1px solid {$lightblueborder}; border-top: 1px solid {$lightblueborder};
border-bottom: 1px solid {$lightblueborder}; border-bottom: 1px solid {$lightblueborder};

BIN
webroot/rsrc/image/BFCFDA.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 109 B