2011-01-25 20:31:40 +01:00
|
|
|
/**
|
|
|
|
* @provides phabricator-standard-page-view
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
.phabricator-standard-page {
|
|
|
|
background: #ffffff;
|
|
|
|
border-bottom: 1px solid #888888;
|
Allow standard page body panel to scroll on overflow-x
Summary:
This seems like the least-bad solution to the issues mentioned in T684: when we
need to x-scroll the main page area, scroll that div rather than the surrounding
page chrome.
I played around with a bunch of other possible solutions but they all seem bad
in some way or another. The tricky part here is that I want the real background
to be grey so that the footer color is grey even if the page is very short and
the browser window is very tall.
The only downside here is that the scrollbar appears in a somewhat unusual
place, but I think that's OK?
Actually, it's kind of terrible if people really use the scrollbar to scroll
horizontally rather than two-finger swipe or shift+mousewheel or the arrow keys.
So maybe this isn't good.
If this is no good, I think we need to make design sacrifices (not necessarily a
big deal; I'm not married to how the footer behaves) or someone much better than
I am at CSS needs to tell me how to fix this (@mroch / @tomo)?.
Test Plan:
- In Settings -> Preferences, set font to "72px Impact".
- Observed overflow scroll behavior in Safari / Firefox / Chrome.
Reviewers: Makinde, btrahan, jungejason
Reviewed By: Makinde
CC: mroch, tomo, aran, Makinde
Maniphest Tasks: T684
Differential Revision: 1224
2011-12-16 23:16:27 +01:00
|
|
|
overflow-x: auto;
|
2011-01-25 20:31:40 +01:00
|
|
|
|
|
|
|
-webkit-box-shadow: 0 0 6px #000;
|
|
|
|
-mox-box-shadow: 0 0 6px #000;
|
|
|
|
box-shadow: 0 0 6px #000;
|
|
|
|
}
|
|
|
|
|
Countdown tweaks
Summary:
A few tweaks to hsb's Countdown implementation:
- Allow the page to be rendered "chromeless", suitable for display on one of
the dozens of monitors everyone has laying around.
- Show title of countdown in deletion dialog.
- When creating a new countdown default to time(), not Dec 31, 1969.
- Add extra "/" after editing to avoid needless redirect.
- Tweak some page titles.
- Show countdown author in list view.
- Highlight tab in list view.
- Tweak menu copy.
- Link countdown title in list view, separate buttons into different columns
so they pick up padding.
Test Plan:
Created, edited and deleted a timer. Viewed a timer and toggled chrome mode.
Viewed timer list.
Reviewed By: hsb
Reviewers: hsb, aran, jungejason, tuomaspelkonen
CC: aran, hsb, epriestley
Differential Revision: 454
2011-06-14 02:35:13 +02:00
|
|
|
.phabricator-chromeless-page .phabricator-standard-page {
|
|
|
|
background: transparent;
|
|
|
|
border-width: 0px;
|
|
|
|
|
|
|
|
-webkit-box-shadow: none;
|
|
|
|
-mox-box-shadow: none;
|
|
|
|
box-shadow: none;
|
|
|
|
}
|
|
|
|
|
2011-01-25 20:31:40 +01:00
|
|
|
.phabricator-standard-header {
|
2011-02-20 19:16:16 +01:00
|
|
|
background: #005588;
|
2011-01-25 20:31:40 +01:00
|
|
|
color: white;
|
|
|
|
overflow: hidden;
|
|
|
|
position: relative;
|
2011-05-28 21:56:13 +02:00
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.phabricator-standard-header td {
|
|
|
|
vertical-align: bottom;
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
2011-01-25 20:31:40 +01:00
|
|
|
}
|
|
|
|
|
2011-02-20 19:00:29 +01:00
|
|
|
.phabricator-primary-navigation {
|
2011-05-28 21:56:13 +02:00
|
|
|
padding-top: 24px;
|
2011-02-20 19:00:29 +01:00
|
|
|
padding-left: 24px;
|
|
|
|
}
|
|
|
|
|
2011-01-25 20:31:40 +01:00
|
|
|
.phabricator-standard-header a {
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
2011-02-20 19:00:29 +01:00
|
|
|
.phabricator-primary-navigation th,
|
|
|
|
.phabricator-primary-navigation td {
|
|
|
|
vertical-align: bottom;
|
2011-01-25 20:31:40 +01:00
|
|
|
font-size: 13px;
|
2011-02-20 19:00:29 +01:00
|
|
|
border-bottom: 6px solid transparent;
|
2011-05-28 21:56:13 +02:00
|
|
|
padding-top: 14px;
|
2011-02-20 19:00:29 +01:00
|
|
|
padding-bottom: 4px;
|
2011-06-10 19:18:27 +02:00
|
|
|
white-space: nowrap;
|
2011-01-25 20:31:40 +01:00
|
|
|
}
|
|
|
|
|
2011-05-28 21:56:13 +02:00
|
|
|
.phabricator-logo {
|
|
|
|
width: 220px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.phabricator-logo a {
|
|
|
|
display: block;
|
|
|
|
width: 220px;
|
|
|
|
height: 40px;
|
|
|
|
background: url('/rsrc/image/phabricator_logo.png') no-repeat 0 0;
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.phabricator-logo a:hover {
|
2011-06-20 23:26:26 +02:00
|
|
|
background-position: 0 -40px;
|
2011-02-20 19:00:29 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.phabricator-primary-navigation td {
|
|
|
|
padding-left: 10px;
|
|
|
|
padding-right: 10px;
|
2011-01-25 20:31:40 +01:00
|
|
|
}
|
|
|
|
|
2011-02-20 19:00:29 +01:00
|
|
|
.phabricator-primary-navigation td.phabricator-selected-tab {
|
|
|
|
border-bottom-color: #ffffff;
|
2011-02-20 19:16:16 +01:00
|
|
|
background: #336699;
|
2011-01-25 20:31:40 +01:00
|
|
|
}
|
|
|
|
|
2011-05-29 17:52:32 +02:00
|
|
|
|
2011-01-25 20:31:40 +01:00
|
|
|
.phabricator-standard-header .phabricator-head-appname {
|
|
|
|
padding: 0 1em;
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
2011-01-26 22:21:12 +01:00
|
|
|
|
2011-05-28 21:56:13 +02:00
|
|
|
td.phabricator-login-details {
|
|
|
|
text-align: right;
|
2011-05-29 17:52:32 +02:00
|
|
|
vertical-align: middle;
|
|
|
|
padding: 0px 24px;
|
2011-02-20 19:00:29 +01:00
|
|
|
font-size: 12px;
|
2011-06-10 19:18:27 +02:00
|
|
|
white-space: nowrap;
|
2011-01-26 22:21:12 +01:00
|
|
|
}
|
2011-02-05 20:45:13 +01:00
|
|
|
|
|
|
|
.phabricator-page-foot {
|
|
|
|
text-align: right;
|
|
|
|
padding: .5em 1em;
|
2011-02-05 21:20:18 +01:00
|
|
|
font-size: 11px;
|
2011-02-05 20:45:13 +01:00
|
|
|
color: #f3f3f3;
|
2011-02-05 21:20:18 +01:00
|
|
|
}
|
2011-05-29 17:52:32 +02:00
|
|
|
|
|
|
|
.phabricator-admin-page-view .phabricator-standard-header {
|
|
|
|
background: #aa0000;
|
|
|
|
}
|
|
|
|
|
|
|
|
.phabricator-admin-page-view td.phabricator-selected-tab {
|
|
|
|
background: #cc3333;
|
|
|
|
}
|
|
|
|
|
|
|
|
.phabricator-admin-page-view .phabricator-logo a {
|
|
|
|
background-image: url('/rsrc/image/phabricator_logo_admin.png');
|
|
|
|
}
|
2011-05-28 20:36:00 +02:00
|
|
|
|
|
|
|
.keyboard-shortcut-help td,
|
|
|
|
.keyboard-shortcut-help th {
|
|
|
|
padding: 8px;
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
|
|
|
|
.keyboard-shortcut-help th {
|
|
|
|
white-space: nowrap;
|
|
|
|
color: #666666;
|
|
|
|
}
|
|
|
|
|
|
|
|
.keyboard-shortcut-help kbd {
|
|
|
|
background: #222222;
|
|
|
|
padding: 6px;
|
|
|
|
color: #ffffff;
|
|
|
|
font-weight: bold;
|
|
|
|
border: 1px solid #555555;
|
|
|
|
}
|
2011-06-08 20:53:10 +02:00
|
|
|
|
|
|
|
.keyboard-focus-focus-reticle {
|
2011-06-10 17:34:17 +02:00
|
|
|
z-index: 1;
|
2011-06-20 23:21:17 +02:00
|
|
|
background: #ffffd3;
|
2011-06-08 20:53:10 +02:00
|
|
|
position: absolute;
|
2011-06-20 23:21:17 +02:00
|
|
|
border: 1px solid #999900;
|
2011-06-08 20:53:10 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.keyboard-shortcuts-available {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.keyboard-shortcuts-available th {
|
|
|
|
width: 100%;
|
|
|
|
vertical-align: middle;
|
|
|
|
color: #666666;
|
|
|
|
text-align: right;
|
|
|
|
padding-right: 8px;
|
|
|
|
font-size: 11px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.keyboard-shortcuts-available td {
|
|
|
|
padding: 8px;
|
|
|
|
background: url('/rsrc/image/icon/fatcow/key_question.png') 0px 0px no-repeat;
|
|
|
|
}
|
|
|
|
|
Tweak style on "Create Another Task" button
Summary:
Not totally sure I'm in love with this but I think it's somewhat non-terrible,
despite the lack of lens flare.
Also made "Cancel" take you back to the task if you got to "Create" from "Create
Another Task".
Test Plan:
- Style:
https://secure.phabricator.com/file/view/PHID-FILE-ad37d3c1f3b2c7a7a7d1/
- Hit "Cancel" from "Create Another", got sent back to task.
- Hit "Cancel" from normal create, got sent back to list.
- Tried to save an invalid task after making changes to CC/Projects, changes
were preserved.
Reviewed By: codeblock
Reviewers: hunterbridges, jungejason, tuomaspelkonen, aran, codeblock
CC: aran, epriestley, codeblock
Differential Revision: 736
2011-07-27 19:46:22 +02:00
|
|
|
.workflow-header {
|
|
|
|
background: #efefef;
|
|
|
|
padding: 6px 2em;
|
|
|
|
text-align: right;
|
|
|
|
margin-bottom: 6px;
|
|
|
|
border-bottom: 1px solid #dfdfdf;
|
|
|
|
}
|
|
|
|
|
|
|
|
.workflow-header button {
|
|
|
|
float: right;
|
|
|
|
}
|
Add object status to Handles
Summary:
We use ObjectHandles as proxy objects which can refer to any other object in the
system. Add the concept of the underlying object's "status" (e.g., open, closed
or busy).
This allows us to render completed tasks and revisions with strikethrough. In
the future, if we implement OOO or something, we could render users with a
"busy" status if they're on vacation, etc.
Test Plan: Viewed a task with closed revisions and dependencies:
https://secure.phabricator.com/file/view/PHID-FILE-6183e81286fa3288d33d/
Reviewed By: codeblock
Reviewers: codeblock, hunterbridges, jungejason, tuomaspelkonen, aran
CC: aran, codeblock
Differential Revision: 772
2011-08-03 15:37:18 +02:00
|
|
|
|
|
|
|
.handle-status-closed {
|
|
|
|
text-decoration: line-through;
|
|
|
|
}
|
2011-10-23 22:36:44 +02:00
|
|
|
|
|
|
|
.PhabricatorMonospaced {
|
|
|
|
font-family: "Menlo", "Consolas", "Monaco", monospace;
|
|
|
|
font-size: 10px;
|
|
|
|
}
|