2012-08-15 19:45:06 +02:00
|
|
|
/**
|
2013-10-11 16:53:56 +02:00
|
|
|
* @provides phui-property-list-view-css
|
2012-08-15 19:45:06 +02:00
|
|
|
*/
|
|
|
|
|
2013-10-11 16:53:56 +02:00
|
|
|
.phui-property-list-view .keyboard-shortcuts-available {
|
2012-12-11 23:59:27 +01:00
|
|
|
float: right;
|
|
|
|
height: 16px;
|
|
|
|
margin: 12px 10px -28px 0px;
|
|
|
|
padding: 0px 20px 0px 0px;
|
|
|
|
vertical-align: middle;
|
2013-09-02 17:08:54 +02:00
|
|
|
color: {$greytext};
|
2012-12-11 23:59:27 +01:00
|
|
|
text-align: right;
|
2015-06-26 18:33:03 +02:00
|
|
|
font-size: {$smallestfontsize};
|
2012-12-11 23:59:27 +01:00
|
|
|
background:
|
|
|
|
url('/rsrc/image/icon/fatcow/key_question.png') right center no-repeat;
|
|
|
|
}
|
|
|
|
|
2013-10-06 20:12:00 +02:00
|
|
|
.device .keyboard-shortcuts-available {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2013-11-04 17:52:46 +01:00
|
|
|
.phui-property-group-noninitial,
|
|
|
|
.phui-property-list-section-noninitial {
|
2013-10-11 16:53:56 +02:00
|
|
|
border-color: {$thinblueborder};
|
2012-11-21 03:01:18 +01:00
|
|
|
border-style: solid;
|
2013-09-29 00:55:38 +02:00
|
|
|
border-width: 1px 0 0;
|
2012-08-15 19:45:06 +02:00
|
|
|
}
|
|
|
|
|
2013-10-11 16:53:56 +02:00
|
|
|
.device-desktop .phui-property-list-container {
|
2013-09-29 00:55:38 +02:00
|
|
|
padding: 12px 0 12px 0;
|
2013-10-06 20:12:00 +02:00
|
|
|
width: 100%;
|
2012-08-15 19:45:06 +02:00
|
|
|
}
|
|
|
|
|
2013-10-11 16:53:56 +02:00
|
|
|
.device .phui-property-list-container {
|
2013-09-29 00:55:38 +02:00
|
|
|
padding: 12px 0 4px 0;
|
2012-08-15 19:45:06 +02:00
|
|
|
}
|
|
|
|
|
2013-10-11 16:53:56 +02:00
|
|
|
.phui-property-list-key {
|
2013-09-04 20:50:57 +02:00
|
|
|
color: {$bluetext};
|
2012-08-15 19:45:06 +02:00
|
|
|
font-weight: bold;
|
2012-11-21 03:01:18 +01:00
|
|
|
overflow: hidden;
|
|
|
|
white-space: nowrap;
|
2012-08-15 19:45:06 +02:00
|
|
|
}
|
|
|
|
|
2013-10-11 16:53:56 +02:00
|
|
|
.device-desktop .phui-property-list-key {
|
2015-10-28 19:15:18 +01:00
|
|
|
width: 12%;
|
2012-08-15 19:45:06 +02:00
|
|
|
margin-left: 1%;
|
|
|
|
text-align: right;
|
|
|
|
float: left;
|
|
|
|
clear: left;
|
2013-09-03 16:00:06 +02:00
|
|
|
margin-bottom: 4px;
|
2012-08-15 19:45:06 +02:00
|
|
|
}
|
|
|
|
|
2015-10-28 19:15:18 +01:00
|
|
|
.device-desktop .phui-property-list-has-actions .phui-property-list-key {
|
|
|
|
width: 18%;
|
|
|
|
}
|
|
|
|
|
2014-12-18 23:42:26 +01:00
|
|
|
.phui-property-list-properties-wrap.phui-property-list-stacked {
|
|
|
|
width: auto;
|
|
|
|
float: none;
|
|
|
|
}
|
|
|
|
|
2014-04-29 16:04:22 +02:00
|
|
|
.device .phui-property-list-key,
|
2014-12-18 23:42:26 +01:00
|
|
|
.phui-property-list-stacked .phui-property-list-properties
|
2014-04-29 16:04:22 +02:00
|
|
|
.phui-property-list-key {
|
2015-05-27 18:49:54 +02:00
|
|
|
padding-left: 4px;
|
2014-12-18 23:42:26 +01:00
|
|
|
text-align: left;
|
|
|
|
margin-left: 0;
|
|
|
|
width: auto;
|
|
|
|
float: none;
|
2012-08-15 19:45:06 +02:00
|
|
|
}
|
|
|
|
|
2013-10-11 16:53:56 +02:00
|
|
|
.phui-property-list-value {
|
2013-09-03 16:00:06 +02:00
|
|
|
color: {$darkgreytext};
|
2012-08-15 19:45:06 +02:00
|
|
|
}
|
|
|
|
|
2013-10-11 16:53:56 +02:00
|
|
|
.device-desktop .phui-property-list-value {
|
2015-10-28 19:15:18 +01:00
|
|
|
width: 84%;
|
2012-08-15 19:45:06 +02:00
|
|
|
margin-left: 1%;
|
|
|
|
float: left;
|
2013-09-04 20:50:57 +02:00
|
|
|
margin-bottom: 4px;
|
2016-06-08 19:02:56 +02:00
|
|
|
word-wrap: break-word;
|
2012-08-15 19:45:06 +02:00
|
|
|
}
|
|
|
|
|
2015-10-28 19:15:18 +01:00
|
|
|
.device-desktop .phui-property-list-has-actions .phui-property-list-value {
|
|
|
|
width: 78%;
|
|
|
|
}
|
|
|
|
|
2014-04-29 16:04:22 +02:00
|
|
|
.device .phui-property-list-value,
|
2014-12-18 23:42:26 +01:00
|
|
|
.phui-property-list-stacked .phui-property-list-properties
|
2014-04-29 16:04:22 +02:00
|
|
|
.phui-property-list-value {
|
2015-05-27 18:49:54 +02:00
|
|
|
padding: 0 8px;
|
2014-12-18 23:42:26 +01:00
|
|
|
margin-bottom: 8px;
|
|
|
|
width: auto;
|
|
|
|
word-break: break-word;
|
|
|
|
float: none;
|
2012-08-15 19:45:06 +02:00
|
|
|
}
|
2012-10-15 23:50:53 +02:00
|
|
|
|
2013-10-11 16:53:56 +02:00
|
|
|
.phui-property-list-section-header {
|
2013-09-29 00:55:38 +02:00
|
|
|
color: {$bluetext};
|
2015-05-08 06:18:57 +02:00
|
|
|
padding: 16px 4px 0px;
|
2013-09-03 16:00:06 +02:00
|
|
|
text-transform: uppercase;
|
|
|
|
font-weight: 700;
|
2013-10-22 17:48:12 +02:00
|
|
|
border-color: {$thinblueborder};
|
|
|
|
border-style: solid;
|
|
|
|
border-width: 1px 0 0;
|
2015-07-22 22:37:20 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.phui-property-list-container + .phui-property-list-text-content {
|
|
|
|
border-color: {$thinblueborder};
|
|
|
|
border-style: solid;
|
|
|
|
border-width: 1px 0 0;
|
2012-10-15 23:50:53 +02:00
|
|
|
}
|
|
|
|
|
2013-11-04 17:52:46 +01:00
|
|
|
.phui-property-list-section-noninitial .phui-property-list-section-header {
|
|
|
|
border-top: none;
|
|
|
|
}
|
|
|
|
|
2013-10-11 16:53:56 +02:00
|
|
|
.device .phui-property-list-section-header {
|
2015-05-27 18:49:54 +02:00
|
|
|
padding-left: 4px;
|
2013-09-29 00:55:38 +02:00
|
|
|
}
|
|
|
|
|
2014-05-19 01:10:54 +02:00
|
|
|
.phui-property-list-section-header-icon .phui-icon-view {
|
2013-11-04 20:07:51 +01:00
|
|
|
display: inline-block;
|
|
|
|
margin: -2px 4px -2px 0;
|
|
|
|
}
|
|
|
|
|
2013-10-11 16:53:56 +02:00
|
|
|
.phui-property-list-text-content {
|
2016-03-09 02:50:01 +01:00
|
|
|
padding: 16px 4px;
|
2013-07-29 04:28:00 +02:00
|
|
|
overflow: hidden;
|
2013-10-11 16:53:56 +02:00
|
|
|
}
|
|
|
|
|
2014-08-06 02:34:39 +02:00
|
|
|
.phui-property-list-raw-content {
|
|
|
|
padding: 0px;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
2012-10-16 18:44:43 +02:00
|
|
|
/* In the common case where we immediately follow a header, move back up 30px
|
|
|
|
so we snuggle next to the header. */
|
2013-09-17 18:12:37 +02:00
|
|
|
.device-desktop .phui-header-view
|
2012-10-16 18:44:43 +02:00
|
|
|
+ .phabricator-action-list-view {
|
|
|
|
margin-top: -30px;
|
|
|
|
}
|
|
|
|
|
2013-09-17 18:12:37 +02:00
|
|
|
.device-desktop .phui-header-view
|
2012-10-16 18:44:43 +02:00
|
|
|
+ .phabricator-action-list-view
|
2013-10-11 16:53:56 +02:00
|
|
|
+ .phui-property-list-view {
|
2012-10-16 18:44:43 +02:00
|
|
|
margin-top: 0px;
|
|
|
|
}
|
2012-12-17 01:33:24 +01:00
|
|
|
|
|
|
|
|
2013-10-11 16:53:56 +02:00
|
|
|
.phui-property-list-image {
|
2012-12-17 01:33:24 +01:00
|
|
|
margin: auto;
|
|
|
|
max-width: 95%;
|
|
|
|
}
|
2013-09-08 18:16:55 +02:00
|
|
|
|
2013-10-11 16:53:56 +02:00
|
|
|
.phui-property-list-audio {
|
2013-09-27 19:51:25 +02:00
|
|
|
display: block;
|
|
|
|
margin: 16px auto;
|
|
|
|
width: 50%;
|
2013-09-27 20:06:00 +02:00
|
|
|
min-width: 240px;
|
2013-09-27 19:51:25 +02:00
|
|
|
}
|
|
|
|
|
Add Videos to Remarkup
Summary: Ref T6916. Added video to remarkup using D7156 as reference.
Test Plan:
- Viewed video files (MP4, Ogg) in Safari, Chrome, Firefox (some don't work, e.g., OGG in Safari, but nothing we can really do about that).
- Used `alt`.
- Used `autoplay`.
- Used `loop`.
- Used `media=audio`.
- Viewed file detail page.
Reviewers: nateguchi2, chad, #blessed_reviewers
Reviewed By: chad, #blessed_reviewers
Subscribers: asherkin, ivo, joshuaspence, Korvin, epriestley
Tags: #remarkup
Maniphest Tasks: T6916
Differential Revision: https://secure.phabricator.com/D11297
2016-06-07 19:26:00 +02:00
|
|
|
.phui-property-list-video {
|
|
|
|
display: block;
|
|
|
|
margin: 0 auto;
|
2016-06-07 23:52:38 +02:00
|
|
|
max-width: 95%;
|
Add Videos to Remarkup
Summary: Ref T6916. Added video to remarkup using D7156 as reference.
Test Plan:
- Viewed video files (MP4, Ogg) in Safari, Chrome, Firefox (some don't work, e.g., OGG in Safari, but nothing we can really do about that).
- Used `alt`.
- Used `autoplay`.
- Used `loop`.
- Used `media=audio`.
- Viewed file detail page.
Reviewers: nateguchi2, chad, #blessed_reviewers
Reviewed By: chad, #blessed_reviewers
Subscribers: asherkin, ivo, joshuaspence, Korvin, epriestley
Tags: #remarkup
Maniphest Tasks: T6916
Differential Revision: https://secure.phabricator.com/D11297
2016-06-07 19:26:00 +02:00
|
|
|
}
|
|
|
|
|
2013-09-08 18:16:55 +02:00
|
|
|
/* When tags appear in property lists, give them a little more vertical
|
|
|
|
spacing. */
|
2014-01-14 23:09:52 +01:00
|
|
|
.phui-property-list-view .phui-tag-view {
|
2013-09-08 18:16:55 +02:00
|
|
|
margin: 2px 0;
|
|
|
|
}
|
2013-10-06 20:12:00 +02:00
|
|
|
|
2015-10-28 19:15:18 +01:00
|
|
|
.phui-property-list-has-actions .phui-property-list-properties-wrap {
|
2013-10-06 20:12:00 +02:00
|
|
|
float: left;
|
|
|
|
width: 78%;
|
|
|
|
}
|
|
|
|
|
2013-10-11 16:53:56 +02:00
|
|
|
.device .phui-property-list-properties-wrap {
|
2013-10-06 20:12:00 +02:00
|
|
|
width: auto;
|
|
|
|
border: none;
|
2015-04-08 19:12:31 +02:00
|
|
|
float: none;
|
2015-09-03 20:06:39 +02:00
|
|
|
overflow: auto;
|
2013-10-06 20:12:00 +02:00
|
|
|
}
|
|
|
|
|
2013-10-11 16:53:56 +02:00
|
|
|
.phui-property-list-actions {
|
2013-10-06 20:12:00 +02:00
|
|
|
width: 20%;
|
|
|
|
float: right;
|
|
|
|
margin-right: 12px;
|
|
|
|
border-left: 1px solid {$thinblueborder};
|
|
|
|
}
|
|
|
|
|
2015-09-03 19:03:50 +02:00
|
|
|
!print .phui-property-list-actions {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2013-10-11 16:53:56 +02:00
|
|
|
.device .phui-property-list-actions {
|
2013-10-06 20:12:00 +02:00
|
|
|
float: none;
|
|
|
|
width: auto;
|
|
|
|
margin: -12px 0 12px 0;
|
2014-05-22 21:04:11 +02:00
|
|
|
border: none;
|
2013-10-06 20:12:00 +02:00
|
|
|
}
|
2013-10-14 20:40:19 +02:00
|
|
|
|
|
|
|
.phui-property-list-image-content img {
|
|
|
|
margin: 20px auto;
|
|
|
|
background: url('/rsrc/image/checker_light.png');
|
|
|
|
}
|
|
|
|
|
|
|
|
.device-desktop .phui-property-list-image-content img:hover {
|
|
|
|
background: url('/rsrc/image/checker_dark.png');
|
|
|
|
}
|
2014-05-20 19:53:16 +02:00
|
|
|
|
|
|
|
/* - Dashboards ------------------------------------------------------------ */
|
|
|
|
|
|
|
|
.dashboard-panel .phui-property-list-section {
|
|
|
|
border-left: 1px solid {$lightblueborder};
|
|
|
|
border-right: 1px solid {$lightblueborder};
|
|
|
|
border-bottom: 1px solid {$blueborder};
|
|
|
|
}
|