mirror of
https://we.phorge.it/source/phorge.git
synced 2024-09-20 09:18:48 +02:00
4811e6e7c1
Summary: Fixes T11836. See some prior discussion in T8376#120613. The policy hint in headers in the UI is not exhaustive, and can not reasonably be exhaustive. For example, on a revision, it may say "All Users", but really mean "All users who can see the space this object is in and the repository it belongs to, plus the revision author and reviewers". These rules are explained if you click (and, often, in the documentation), but "All Users" is still at least somewhat misleading. I don't think there's any perfect solution here that balances the needs of both new and experienced users perfectly, but this change tries to do a bit better about avoiding cases where we say something very open (like "All Users") when the real policy is not very open. Specifically, I've made these changes to the header: - Spaces are now listed in the tag, so it will say `(S3 > All Users)` instead of `(All Users)`. They're already listed in the header, this just makes it more explicit that Spaces are a policy container and part of the view policy. - Extended policy objects are now listed in the tag, so it will say `(S3 > rARC > All Users)` for a revision in the Arcanist repository which is also in Space 3. - Objects can now provide a "Policy Codex", which is an object that represents a rulebook of more sophisticated policy descriptions. This codex can replace the tag with something else. - Imported calendar events now say "Uses Import Policy" instead of, e.g., "All Users". I've made these changes to the policy dialog: - Split it into more visually separate sections. - Added an explicit section for extended policies ("You must also have access to these other objects: ..."). - Broken the object policy rules into a "Special Rules" section (for rules like "you can only see a revision if you can see the repository it is part of") and an "Object Policy" section (for the actual object policy). - Tried to make it a little more readable? - The new policy dialogs are great to curl up with in front of a fire with a nice cup of cocoa. I've made these changes to infrastructure: - Implementing `PhabricatorPolicyInterface` no longer requires you to implement `describeAutomaticCapability()`. - Instead, implement `PhabricatorPolicyCodexInterface` and return a `PhabricatorPolicyCodex` object. - This "codex" is a policy rulebook which can set all the policy icons, labels, colors, rules, etc., to properly explain complex policies. - Broadly, the old method was usually either not useful (most objects have no special rules) or not powerful enough (objects with special rules often need to do more in order to explain them). Test Plan: {F1912860} {F1912861} {F1912862} {F1912863} Reviewers: chad Reviewed By: chad Subscribers: avivey Maniphest Tasks: T11836 Differential Revision: https://secure.phabricator.com/D16830
175 lines
2.9 KiB
CSS
175 lines
2.9 KiB
CSS
/**
|
|
* @provides aphront-dialog-view-css
|
|
*/
|
|
|
|
.aphront-dialog-view {
|
|
width: 540px;
|
|
margin: 32px auto 16px;
|
|
border: 1px solid {$lightblueborder};
|
|
border-radius: 3px;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.jx-client-dialog .aphront-dialog-view {
|
|
box-shadow: {$dropshadow};
|
|
}
|
|
|
|
.device-phone .aphront-dialog-view {
|
|
margin: 16px;
|
|
width: auto;
|
|
}
|
|
|
|
.aphront-dialog-view-standalone {
|
|
margin: 32px auto;
|
|
}
|
|
|
|
.aphront-dialog-head {
|
|
padding: 12px 12px 0 12px;
|
|
}
|
|
|
|
.aphront-dialog-flush .aphront-dialog-body {
|
|
padding: 0;
|
|
}
|
|
|
|
.aphront-dialog-view-width-form {
|
|
width: 600px;
|
|
}
|
|
|
|
.aphront-dialog-view-width-full {
|
|
width: 90%;
|
|
max-width: 1040px;
|
|
}
|
|
|
|
.aphront-dialog-body {
|
|
background: #fff;
|
|
padding: 16px;
|
|
border: none;
|
|
}
|
|
|
|
.device-phone .aphront-dialog-body {
|
|
padding: 8px;
|
|
}
|
|
|
|
.aphront-dialog-tail {
|
|
border: none;
|
|
position: relative;
|
|
background: {$lightgreybackground};
|
|
padding: 8px 16px;
|
|
border-top: 1px solid {$thinblueborder};
|
|
border-bottom-left-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
}
|
|
|
|
.device .aphront-dialog-resize {
|
|
/* No resizing on devices. */
|
|
display: none;
|
|
}
|
|
|
|
.aphront-dialog-resize {
|
|
position: absolute;
|
|
right: -4px;
|
|
bottom: -4px;
|
|
width: 18px;
|
|
height: 18px;
|
|
background-image: url(/rsrc/image/resize.png);
|
|
background-size: 100%;
|
|
cursor: nwse-resize;
|
|
pointer-events: all;
|
|
}
|
|
|
|
.aphront-dialog-foot {
|
|
padding: 6px 0;
|
|
float: left;
|
|
}
|
|
|
|
.aphront-dialog-tail button,
|
|
.aphront-dialog-tail a.button {
|
|
float: right;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.jx-client-dialog {
|
|
position: absolute;
|
|
width: 100%;
|
|
}
|
|
|
|
.jx-mask {
|
|
opacity: .7;
|
|
background: #292f33;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.jx-dark-mask {
|
|
background: #292f33;
|
|
opacity: 0.95;
|
|
}
|
|
|
|
.aphront-exception-dialog {
|
|
width: 95%;
|
|
}
|
|
|
|
.aphront-exception-dialog .exception-message {
|
|
font-size: 14px;
|
|
background: {$sh-yellowbackground};
|
|
border: 1px solid {$sh-yellowborder};
|
|
padding: 12px;
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
.aphront-exception-dialog .exception-trace {
|
|
margin-top: 16px;
|
|
}
|
|
|
|
.aphront-access-dialog {
|
|
width: 50%;
|
|
}
|
|
|
|
.aphront-access-dialog .aphront-dialog-body {
|
|
padding: 0 12px;
|
|
}
|
|
|
|
.aphront-policy-rejection {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.aphront-capability-details {
|
|
margin: 20px 0 4px;
|
|
}
|
|
|
|
.aphront-dialog-view-paragraph + .aphront-dialog-view-paragraph {
|
|
margin-top: 16px;
|
|
}
|
|
|
|
.device-desktop .aphront-dialog-flush .phui-object-item-list-view {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.aphront-dialog-flush .phui-object-item-list-view.phui-object-list-stackable
|
|
.phui-object-item {
|
|
border: 0;
|
|
}
|
|
|
|
.aphront-dialog-flush .phui-object-item-list-view.phui-object-list-stackable
|
|
.phui-object-item-frame {
|
|
border: 0;
|
|
border-top: 1px solid {$thinblueborder};
|
|
}
|
|
|
|
.aphront-dialog-object-list .phui-object-box {
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.aphront-dialog-object-list .aphront-dialog-body {
|
|
padding: 0 12px;
|
|
}
|
|
|
|
.aphront-dialog-tab-group .aphront-dialog-body {
|
|
padding: 0 12px;
|
|
}
|