revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-23 15:22:41 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/application/conpherence/message-pane.css

403 lines
8.8 KiB
CSS
Raw Normal View History

Conpherence V1 Summary: it's ugly. but it works. basically. See T2399 for a roughly prioritized list of what still needs to happen. Test Plan: - created a conpherence with myself from my profile - created a conpherence with myself from "new conpherence" - created a conphernece with another from "new conpherence" - created a conpherence with several others - created a conpherence with files in the initial post - verified files via comment text ("{F232} is awesome!") and via traditional attach - edited a conpherence image - verified it showed up in the header and in the conpherence menu on the left - edited a conpherence title - verified it showed up in the header and in the conpherence menu on the right - verified each widget showed up when clicked and displayed the proper data - calendar being an exception since it sucks so hard right now. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, epriestley, chad, codeblock, Korvin Maniphest Tasks: T2301 Differential Revision: https://secure.phabricator.com/D4620
2013-01-25 02:23:05 +01:00
/**
* @provides conpherence-message-pane-css
*/
Conpherence - mobilized Summary: makes conpherence switch to a liquid layout once we go from desktop -> less than that. When we make the switch conpherence updates to show a few more "Widgets" -- the list of conpherences and the current conversation -- and the switcher starts working. As you transition from device to device you are automagically forced to have the "conversation" widget toggled on initial change to smaller than desktop and then file widget once you get back to desktop. Generally looks good when I make my browser small. Does not look as good on iOS simulator - in particular there seems to be a weird visual artifact on the "add people" widget that is present in all tokenizers, and the pontificate UI on mobile could use some work. ref T2399. Test Plan: played in Safari, FF, Chrome and iOS Simulator. The first 3 were all pretty spiffy, and otherwise iOS add people widget was a bit ugly. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, Korvin, AnhNhan Maniphest Tasks: T2399 Differential Revision: https://secure.phabricator.com/D5674
2013-04-16 01:27:41 +02:00
Conpherence - make the JS layer a bit better Summary: this diff tries to polish the poo out of the JS layer while achieving fixes T3157 accolades. Test Plan: introduced sleeps in the various controllers and clicked about. verified good "loading" UI in the menu / message / widget section as appropros. Loaded up in device size and resize and desktop sized and resized and all was good. Reviewers: epriestley Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T3164, T3157 Differential Revision: https://secure.phabricator.com/D6069
2013-05-29 21:46:06 +02:00
.conpherence-message-pane,
.loading .messages-loading-mask,
Conpherence - fix a few bugs Summary: Fixes T3280 - when a pontificate brought back multiple transactions, we were rendering a comma. Yay hsprintf. Also fixes the noconpherences view, which broke at some point recently. Test Plan: sent comment, then replied from different browser. when both comments loaded noted no comma. loaded a conpherence view with no conpherences and verified it looked good. Reviewers: epriestley Reviewed By: epriestley CC: aran, Korvin, chad Maniphest Tasks: T3280 Differential Revision: https://secure.phabricator.com/D6079
2013-05-30 21:42:55 +02:00
.loading .messages-loading-icon,
.conpherence-layout .conpherence-no-threads {
Conpherence V1 Summary: it's ugly. but it works. basically. See T2399 for a roughly prioritized list of what still needs to happen. Test Plan: - created a conpherence with myself from my profile - created a conpherence with myself from "new conpherence" - created a conphernece with another from "new conpherence" - created a conpherence with several others - created a conpherence with files in the initial post - verified files via comment text ("{F232} is awesome!") and via traditional attach - edited a conpherence image - verified it showed up in the header and in the conpherence menu on the left - edited a conpherence title - verified it showed up in the header and in the conpherence menu on the right - verified each widget showed up when clicked and displayed the proper data - calendar being an exception since it sucks so hard right now. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, epriestley, chad, codeblock, Korvin Maniphest Tasks: T2301 Differential Revision: https://secure.phabricator.com/D4620
2013-01-25 02:23:05 +01:00
position: fixed;
Clean up random junk in Conpherence Summary: Fixes T10781. Re-uses sidenav styles from global space, though a little hacky. Fix crumb border, fix nux experience. Fiddle spacing. Test Plan: Use Conpherence as new user, make a room, post some messages. {F1805658} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T10781 Differential Revision: https://secure.phabricator.com/D16528
2016-09-09 06:33:57 +02:00
left: 240px;
right: 240px;
Rebuild Conpherence Summary: Minor rebuild / redesign of Conpherence. Most of this is new UX and tossing out things like widgets, device fallbacks. I expect some of the UI to get more polished after next pass, but most everything here is in place. - Removed "Widgets", now just a single Participants pane - Added "Topic" - New header - Settings, Edit are action icons - Removed a lot of JS - Simplified CSS as much as I could Test Plan: Desktop, Tablet, Mobile. Adding and removing people. Setting new topics, new rooms. {F1828662} {F1828669} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16550
2016-09-15 03:34:11 +02:00
top: 102px;
Conpherence - make the JS layer a bit better Summary: this diff tries to polish the poo out of the JS layer while achieving fixes T3157 accolades. Test Plan: introduced sleeps in the various controllers and clicked about. verified good "loading" UI in the menu / message / widget section as appropros. Loaded up in device size and resize and desktop sized and resized and all was good. Reviewers: epriestley Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T3164, T3157 Differential Revision: https://secure.phabricator.com/D6069
2013-05-29 21:46:06 +02:00
bottom: 0px;
Update Conpherence CSS Summary: Updates Conpherence CSS for mostly responsive design. Notably: - Clipped nav 20px - Clipped widgets 40px - Tested tablet and phone layouts - Phone layout mostly done. - Bouncy webkit scroll areas. Still more work to do, but I think it should be easy now for Bob to lay in the rest of mobile. It probably doesn't need to render the menu and conversation in the widget area, as I think we can now credibly position: fix it in mobile. Not completely sold on tablet layout, but it's still better than current. Test Plan: Tested layouts on iPhone and iPad simulator. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Maniphest Tasks: T2421 Differential Revision: https://secure.phabricator.com/D5442
2013-03-25 15:38:27 +01:00
min-width: 300px;
Conpherence V1 Summary: it's ugly. but it works. basically. See T2399 for a roughly prioritized list of what still needs to happen. Test Plan: - created a conpherence with myself from my profile - created a conpherence with myself from "new conpherence" - created a conphernece with another from "new conpherence" - created a conpherence with several others - created a conpherence with files in the initial post - verified files via comment text ("{F232} is awesome!") and via traditional attach - edited a conpherence image - verified it showed up in the header and in the conpherence menu on the left - edited a conpherence title - verified it showed up in the header and in the conpherence menu on the right - verified each widget showed up when clicked and displayed the proper data - calendar being an exception since it sucks so hard right now. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, epriestley, chad, codeblock, Korvin Maniphest Tasks: T2301 Differential Revision: https://secure.phabricator.com/D4620
2013-01-25 02:23:05 +01:00
width: auto;
}
Update Conpherence CSS Summary: Updates Conpherence CSS for mostly responsive design. Notably: - Clipped nav 20px - Clipped widgets 40px - Tested tablet and phone layouts - Phone layout mostly done. - Bouncy webkit scroll areas. Still more work to do, but I think it should be easy now for Bob to lay in the rest of mobile. It probably doesn't need to render the menu and conversation in the widget area, as I think we can now credibly position: fix it in mobile. Not completely sold on tablet layout, but it's still better than current. Test Plan: Tested layouts on iPhone and iPad simulator. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Maniphest Tasks: T2421 Differential Revision: https://secure.phabricator.com/D5442
2013-03-25 15:38:27 +01:00
Conpherence - make the JS layer a bit better Summary: this diff tries to polish the poo out of the JS layer while achieving fixes T3157 accolades. Test Plan: introduced sleeps in the various controllers and clicked about. verified good "loading" UI in the menu / message / widget section as appropros. Loaded up in device size and resize and desktop sized and resized and all was good. Reviewers: epriestley Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T3164, T3157 Differential Revision: https://secure.phabricator.com/D6069
2013-05-29 21:46:06 +02:00
.device .conpherence-message-pane,
.device .loading .messages-loading-mask,
Conpherence - fix a few bugs Summary: Fixes T3280 - when a pontificate brought back multiple transactions, we were rendering a comma. Yay hsprintf. Also fixes the noconpherences view, which broke at some point recently. Test Plan: sent comment, then replied from different browser. when both comments loaded noted no comma. loaded a conpherence view with no conpherences and verified it looked good. Reviewers: epriestley Reviewed By: epriestley CC: aran, Korvin, chad Maniphest Tasks: T3280 Differential Revision: https://secure.phabricator.com/D6079
2013-05-30 21:42:55 +02:00
.device .loading .messages-loading-icon,
.device .conpherence-layout .conpherence-no-threads {
Conpherence - mobilized Summary: makes conpherence switch to a liquid layout once we go from desktop -> less than that. When we make the switch conpherence updates to show a few more "Widgets" -- the list of conpherences and the current conversation -- and the switcher starts working. As you transition from device to device you are automagically forced to have the "conversation" widget toggled on initial change to smaller than desktop and then file widget once you get back to desktop. Generally looks good when I make my browser small. Does not look as good on iOS simulator - in particular there seems to be a weird visual artifact on the "add people" widget that is present in all tokenizers, and the pontificate UI on mobile could use some work. ref T2399. Test Plan: played in Safari, FF, Chrome and iOS Simulator. The first 3 were all pretty spiffy, and otherwise iOS add people widget was a bit ugly. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, Korvin, AnhNhan Maniphest Tasks: T2399 Differential Revision: https://secure.phabricator.com/D5674
2013-04-16 01:27:41 +02:00
left: 0;
right: 0;
width: 100%;
}
New NUX states for Conpherence Summary: Roughly, if user isn't in any rooms, search for joinable ones. If no results, show big NUX banner. Test Plan: Left all rooms, got fallback, joined room, left room. Create new instance, see new NUX. Set instance to public, visit Conpherence with and without public rooms. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16563
2016-09-16 23:56:58 +02:00
.conpherence-layout .conpherence-content-pane .conpherence-no-threads {
top: 44px;
right: 0;
background: #fff;
z-index: 26;
}
.conpherence-layout .phui-big-info-view {
margin: 16px;
Conpherence - fix a few bugs Summary: Fixes T3280 - when a pontificate brought back multiple transactions, we were rendering a comma. Yay hsprintf. Also fixes the noconpherences view, which broke at some point recently. Test Plan: sent comment, then replied from different browser. when both comments loaded noted no comma. loaded a conpherence view with no conpherences and verified it looked good. Reviewers: epriestley Reviewed By: epriestley CC: aran, Korvin, chad Maniphest Tasks: T3280 Differential Revision: https://secure.phabricator.com/D6079
2013-05-30 21:42:55 +02:00
}
New NUX states for Conpherence Summary: Roughly, if user isn't in any rooms, search for joinable ones. If no results, show big NUX banner. Test Plan: Left all rooms, got fallback, joined room, left room. Create new instance, see new NUX. Set instance to public, visit Conpherence with and without public rooms. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16563
2016-09-16 23:56:58 +02:00
.conpherence-layout .conpherence-no-threads .phui-box-border {
border: none;
margin: 0;
Conpherence - fix a few bugs Summary: Fixes T3280 - when a pontificate brought back multiple transactions, we were rendering a comma. Yay hsprintf. Also fixes the noconpherences view, which broke at some point recently. Test Plan: sent comment, then replied from different browser. when both comments loaded noted no comma. loaded a conpherence view with no conpherences and verified it looked good. Reviewers: epriestley Reviewed By: epriestley CC: aran, Korvin, chad Maniphest Tasks: T3280 Differential Revision: https://secure.phabricator.com/D6079
2013-05-30 21:42:55 +02:00
}
Conpherence - add support for linking directly to messages regardless of age of message Summary: Fixes T7757. Since anchor links can't be processed server side, we have to detect the message is old in javascript, then re-loaded the page. This opens up a new corner case where we have to paginate in newer messages, so this also adds support for that. Test Plan: - set main query limit to 8 and then visited ZXX#YYY. noted a second quick load of YYY, that YYY ended up highlighted and scrolled to. - used "show newer messages" and "show older messages" successfully, taking care to make sure transaction ids were all correct with no off by one errors, etc. - opened and closed durable column to make sure that still works too Reviewers: chad, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T7757 Differential Revision: https://secure.phabricator.com/D12633
2015-05-01 01:54:57 +02:00
.conpherence-show-more-messages {
Renders the last 100 conpherence transactions only Summary: Fixed T2428 a little bit Test Plan: On trial, only the last n transactions loaded as hardcoded in ConpherenceViewController.php. Button was rendered. Reviewers: epriestley Reviewed By: epriestley CC: aran, Korvin Maniphest Tasks: T2428 Differential Revision: https://secure.phabricator.com/D4898
2013-02-15 23:01:27 +01:00
display: block;
background: #e0e3ec;
margin: 10px;
text-align: center;
padding: 10px;
Color consolidation Summary: Another pass at consolidating colors Test Plan: Test various pages and UI elements Reviewers: epriestley Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6905
2013-09-07 18:13:55 +02:00
color: {$bluetext};
Renders the last 100 conpherence transactions only Summary: Fixed T2428 a little bit Test Plan: On trial, only the last n transactions loaded as hardcoded in ConpherenceViewController.php. Button was rendered. Reviewers: epriestley Reviewed By: epriestley CC: aran, Korvin Maniphest Tasks: T2428 Differential Revision: https://secure.phabricator.com/D4898
2013-02-15 23:01:27 +01:00
}
Conpherence V1 Summary: it's ugly. but it works. basically. See T2399 for a roughly prioritized list of what still needs to happen. Test Plan: - created a conpherence with myself from my profile - created a conpherence with myself from "new conpherence" - created a conphernece with another from "new conpherence" - created a conpherence with several others - created a conpherence with files in the initial post - verified files via comment text ("{F232} is awesome!") and via traditional attach - edited a conpherence image - verified it showed up in the header and in the conpherence menu on the left - edited a conpherence title - verified it showed up in the header and in the conpherence menu on the right - verified each widget showed up when clicked and displayed the proper data - calendar being an exception since it sucks so hard right now. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, epriestley, chad, codeblock, Korvin Maniphest Tasks: T2301 Differential Revision: https://secure.phabricator.com/D4620
2013-01-25 02:23:05 +01:00
Conpherence - add support for linking directly to messages regardless of age of message Summary: Fixes T7757. Since anchor links can't be processed server side, we have to detect the message is old in javascript, then re-loaded the page. This opens up a new corner case where we have to paginate in newer messages, so this also adds support for that. Test Plan: - set main query limit to 8 and then visited ZXX#YYY. noted a second quick load of YYY, that YYY ended up highlighted and scrolled to. - used "show newer messages" and "show older messages" successfully, taking care to make sure transaction ids were all correct with no off by one errors, etc. - opened and closed durable column to make sure that still works too Reviewers: chad, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T7757 Differential Revision: https://secure.phabricator.com/D12633
2015-05-01 01:54:57 +02:00
.conpherence-show-more-messages-loading {
Conpherence - make the JS layer a bit better Summary: this diff tries to polish the poo out of the JS layer while achieving fixes T3157 accolades. Test Plan: introduced sleeps in the various controllers and clicked about. verified good "loading" UI in the menu / message / widget section as appropros. Loaded up in device size and resize and desktop sized and resized and all was good. Reviewers: epriestley Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T3164, T3157 Differential Revision: https://secure.phabricator.com/D6069
2013-05-29 21:46:06 +02:00
font-style: italic;
}
Conpherence V1 Summary: it's ugly. but it works. basically. See T2399 for a roughly prioritized list of what still needs to happen. Test Plan: - created a conpherence with myself from my profile - created a conpherence with myself from "new conpherence" - created a conphernece with another from "new conpherence" - created a conpherence with several others - created a conpherence with files in the initial post - verified files via comment text ("{F232} is awesome!") and via traditional attach - edited a conpherence image - verified it showed up in the header and in the conpherence menu on the left - edited a conpherence title - verified it showed up in the header and in the conpherence menu on the right - verified each widget showed up when clicked and displayed the proper data - calendar being an exception since it sucks so hard right now. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, epriestley, chad, codeblock, Korvin Maniphest Tasks: T2301 Differential Revision: https://secure.phabricator.com/D4620
2013-01-25 02:23:05 +01:00
.conpherence-message-pane .conpherence-messages {
position: fixed;
Clean up random junk in Conpherence Summary: Fixes T10781. Re-uses sidenav styles from global space, though a little hacky. Fix crumb border, fix nux experience. Fiddle spacing. Test Plan: Use Conpherence as new user, make a room, post some messages. {F1805658} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T10781 Differential Revision: https://secure.phabricator.com/D16528
2016-09-09 06:33:57 +02:00
left: 240px;
right: 240px;
Rebuild Conpherence Summary: Minor rebuild / redesign of Conpherence. Most of this is new UX and tossing out things like widgets, device fallbacks. I expect some of the UI to get more polished after next pass, but most everything here is in place. - Removed "Widgets", now just a single Participants pane - Added "Topic" - New header - Settings, Edit are action icons - Removed a lot of JS - Simplified CSS as much as I could Test Plan: Desktop, Tablet, Mobile. Adding and removing people. Setting new topics, new rooms. {F1828662} {F1828669} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16550
2016-09-15 03:34:11 +02:00
top: 103px;
Make Conpherence Pontificate Send-on-Enter Summary: Fixes T11623. Enables send-on-enter and shift-enter for linebreaks, per durable column. Also cleaned up UI for Joining Room or Logging In. Test Plan: See room I can join, click Join Room. Leave Room, Log out, visit room with login prompt. Login, Join Room again. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T11623 Differential Revision: https://secure.phabricator.com/D16595
2016-09-28 04:26:02 +02:00
bottom: 122px;
Fix Conpherence scroll behavior in Firefox/Chrome Summary: Ref T7825. Test Plan: - In Firefox, Chrome, and Safari: - With a mouse and no mouse: - Sent messages in Conpherence. - Scrolled up and down in a thread. Reviewers: chad, btrahan Reviewed By: btrahan Subscribers: epriestley Maniphest Tasks: T7825 Differential Revision: https://secure.phabricator.com/D12416
2015-04-14 23:56:35 +02:00
overflow-x: hidden;
overflow-y: auto;
Update Conpherence CSS Summary: Updates Conpherence CSS for mostly responsive design. Notably: - Clipped nav 20px - Clipped widgets 40px - Tested tablet and phone layouts - Phone layout mostly done. - Bouncy webkit scroll areas. Still more work to do, but I think it should be easy now for Bob to lay in the rest of mobile. It probably doesn't need to render the menu and conversation in the widget area, as I think we can now credibly position: fix it in mobile. Not completely sold on tablet layout, but it's still better than current. Test Plan: Tested layouts on iPhone and iPad simulator. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Maniphest Tasks: T2421 Differential Revision: https://secure.phabricator.com/D5442
2013-03-25 15:38:27 +01:00
-webkit-overflow-scrolling: touch;
Conpherence V1 Summary: it's ugly. but it works. basically. See T2399 for a roughly prioritized list of what still needs to happen. Test Plan: - created a conpherence with myself from my profile - created a conpherence with myself from "new conpherence" - created a conphernece with another from "new conpherence" - created a conpherence with several others - created a conpherence with files in the initial post - verified files via comment text ("{F232} is awesome!") and via traditional attach - edited a conpherence image - verified it showed up in the header and in the conpherence menu on the left - edited a conpherence title - verified it showed up in the header and in the conpherence menu on the right - verified each widget showed up when clicked and displayed the proper data - calendar being an exception since it sucks so hard right now. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, epriestley, chad, codeblock, Korvin Maniphest Tasks: T2301 Differential Revision: https://secure.phabricator.com/D4620
2013-01-25 02:23:05 +01:00
}
Fix Conpherence scroll behavior in Firefox/Chrome Summary: Ref T7825. Test Plan: - In Firefox, Chrome, and Safari: - With a mouse and no mouse: - Sent messages in Conpherence. - Scrolled up and down in a thread. Reviewers: chad, btrahan Reviewed By: btrahan Subscribers: epriestley Maniphest Tasks: T7825 Differential Revision: https://secure.phabricator.com/D12416
2015-04-14 23:56:35 +02:00
.conpherence-messages.jx-scrollbar-frame {
overflow-y: hidden;
}
Revamp .device Conpherence layouts Summary: Greatly improves the text area and cleans up spacing and color issues. Test Plan: test Conpherence at desktop, mobile, tablet break points. Test new flexible layouts. {F372516} Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12431
2015-04-16 18:25:39 +02:00
.conpherence-messages .jx-scrollbar-content > .conpherence-edited:first-child,
.conpherence-messages > .conpherence-edited:first-child {
Fix first new edited message in full Conpherence spacing Summary: In new Conpherences, add some padding to the conpherence-edited rule if it's the first child of conpherence-messages. Test Plan: Test a new Conpherence Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12175
2015-03-26 21:40:42 +01:00
padding-top: 20px;
}
Make Conpherence Pontificate Send-on-Enter Summary: Fixes T11623. Enables send-on-enter and shift-enter for linebreaks, per durable column. Also cleaned up UI for Joining Room or Logging In. Test Plan: See room I can join, click Join Room. Leave Room, Log out, visit room with login prompt. Login, Join Room again. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T11623 Differential Revision: https://secure.phabricator.com/D16595
2016-09-28 04:26:02 +02:00
.conpherence-messages .conpherence-edited:last-child {
Add padding to last conpherenced-edited Summary: In cases where conpherence-edited is the last item in the pane, we should add padding. Test Plan: Enter a Room, edit the title, see extra padding. Submit a new comment, padding returns to default. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12192
2015-03-28 18:41:15 +01:00
padding-bottom: 20px;
}
Update Conpherence full message column UI Summary: Minor things - Use radiused avatars like timeline - Fix edge case with conpherence edited and date markers Test Plan: Review a number of odd states in Conpherence full. Reviewers: epriestley, btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12251
2015-04-01 22:12:51 +02:00
.conpherence-message-pane .conpherence-edited + .date-marker {
margin-top: 24px;
}
Conpherence - mobilized Summary: makes conpherence switch to a liquid layout once we go from desktop -> less than that. When we make the switch conpherence updates to show a few more "Widgets" -- the list of conpherences and the current conversation -- and the switcher starts working. As you transition from device to device you are automagically forced to have the "conversation" widget toggled on initial change to smaller than desktop and then file widget once you get back to desktop. Generally looks good when I make my browser small. Does not look as good on iOS simulator - in particular there seems to be a weird visual artifact on the "add people" widget that is present in all tokenizers, and the pontificate UI on mobile could use some work. ref T2399. Test Plan: played in Safari, FF, Chrome and iOS Simulator. The first 3 were all pretty spiffy, and otherwise iOS add people widget was a bit ugly. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, Korvin, AnhNhan Maniphest Tasks: T2399 Differential Revision: https://secure.phabricator.com/D5674
2013-04-16 01:27:41 +02:00
.device .conpherence-message-pane .conpherence-messages {
left: 0;
right: 0;
Refresh Conpherence UI Summary: Cleans up a number of inconsistencies, makes Conpherence lighter, easier to read, make names larger, darker. Test Plan: Review Conpherence chat in Main App, Durable Column, Mobile, Tablet Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16531
2016-09-09 20:08:53 +02:00
bottom: 44px;
Conpherence - mobilized Summary: makes conpherence switch to a liquid layout once we go from desktop -> less than that. When we make the switch conpherence updates to show a few more "Widgets" -- the list of conpherences and the current conversation -- and the switcher starts working. As you transition from device to device you are automagically forced to have the "conversation" widget toggled on initial change to smaller than desktop and then file widget once you get back to desktop. Generally looks good when I make my browser small. Does not look as good on iOS simulator - in particular there seems to be a weird visual artifact on the "add people" widget that is present in all tokenizers, and the pontificate UI on mobile could use some work. ref T2399. Test Plan: played in Safari, FF, Chrome and iOS Simulator. The first 3 were all pretty spiffy, and otherwise iOS add people widget was a bit ugly. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, Korvin, AnhNhan Maniphest Tasks: T2399 Differential Revision: https://secure.phabricator.com/D5674
2013-04-16 01:27:41 +02:00
width: 100%;
box-shadow: none;
}
Update Form Layouts Summary: This attempts some consistency in form layouts. Notably, they all now contain headers and are 16px off the sides and tops of pages. Also updated dialogs to the same look and feel. I think I got 98% of forms with this pass, but it's likely I missed some buried somewhere. TODO: will take another pass as consolidating these colors and new gradients in another diff. Test Plan: Played in my sandbox all week. Please play with it too and let me know how they feel. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6806
2013-08-26 20:53:11 +02:00
.conpherence-message-pane .phui-form-view {
Conpherence V1 Summary: it's ugly. but it works. basically. See T2399 for a roughly prioritized list of what still needs to happen. Test Plan: - created a conpherence with myself from my profile - created a conpherence with myself from "new conpherence" - created a conphernece with another from "new conpherence" - created a conpherence with several others - created a conpherence with files in the initial post - verified files via comment text ("{F232} is awesome!") and via traditional attach - edited a conpherence image - verified it showed up in the header and in the conpherence menu on the left - edited a conpherence title - verified it showed up in the header and in the conpherence menu on the right - verified each widget showed up when clicked and displayed the proper data - calendar being an exception since it sucks so hard right now. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, epriestley, chad, codeblock, Korvin Maniphest Tasks: T2301 Differential Revision: https://secure.phabricator.com/D4620
2013-01-25 02:23:05 +01:00
border-width: 0;
Make Conpherence Pontificate Send-on-Enter Summary: Fixes T11623. Enables send-on-enter and shift-enter for linebreaks, per durable column. Also cleaned up UI for Joining Room or Logging In. Test Plan: See room I can join, click Join Room. Leave Room, Log out, visit room with login prompt. Login, Join Room again. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T11623 Differential Revision: https://secure.phabricator.com/D16595
2016-09-28 04:26:02 +02:00
height: 110px;
Rebuild Conpherence Summary: Minor rebuild / redesign of Conpherence. Most of this is new UX and tossing out things like widgets, device fallbacks. I expect some of the UI to get more polished after next pass, but most everything here is in place. - Removed "Widgets", now just a single Participants pane - Added "Topic" - New header - Settings, Edit are action icons - Removed a lot of JS - Simplified CSS as much as I could Test Plan: Desktop, Tablet, Mobile. Adding and removing people. Setting new topics, new rooms. {F1828662} {F1828669} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16550
2016-09-15 03:34:11 +02:00
padding: 0 20px 12px;
Conpherence V1 Summary: it's ugly. but it works. basically. See T2399 for a roughly prioritized list of what still needs to happen. Test Plan: - created a conpherence with myself from my profile - created a conpherence with myself from "new conpherence" - created a conphernece with another from "new conpherence" - created a conpherence with several others - created a conpherence with files in the initial post - verified files via comment text ("{F232} is awesome!") and via traditional attach - edited a conpherence image - verified it showed up in the header and in the conpherence menu on the left - edited a conpherence title - verified it showed up in the header and in the conpherence menu on the right - verified each widget showed up when clicked and displayed the proper data - calendar being an exception since it sucks so hard right now. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, epriestley, chad, codeblock, Korvin Maniphest Tasks: T2301 Differential Revision: https://secure.phabricator.com/D4620
2013-01-25 02:23:05 +01:00
position: fixed;
bottom: 0;
Clean up random junk in Conpherence Summary: Fixes T10781. Re-uses sidenav styles from global space, though a little hacky. Fix crumb border, fix nux experience. Fiddle spacing. Test Plan: Use Conpherence as new user, make a room, post some messages. {F1805658} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T10781 Differential Revision: https://secure.phabricator.com/D16528
2016-09-09 06:33:57 +02:00
left: 240px;
Conpherence - make widget selector be a fun JS-based menu Summary: Ref T3155. Also re-adds the ability to update Conpherence titles by letting user click the title and fill out a little dialogue. Also fixes a bunch of random bugs and what have you. I tried to make the javascript less mysterious by trying to code what's actually happening more explicitly. Still a work in progress all over the place but a good stopping point for feedback. Test Plan: played around with Conpherence. In particular, went to /conpherence/ and re-sized and went to /conpherence/X/ and re-sized. Also loaded up my no conpherneces user. Reviewers: epriestley Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T3155 Differential Revision: https://secure.phabricator.com/D6022
2013-05-24 19:50:18 +02:00
right: 241px;
Conpherence V1 Summary: it's ugly. but it works. basically. See T2399 for a roughly prioritized list of what still needs to happen. Test Plan: - created a conpherence with myself from my profile - created a conpherence with myself from "new conpherence" - created a conphernece with another from "new conpherence" - created a conpherence with several others - created a conpherence with files in the initial post - verified files via comment text ("{F232} is awesome!") and via traditional attach - edited a conpherence image - verified it showed up in the header and in the conpherence menu on the left - edited a conpherence title - verified it showed up in the header and in the conpherence menu on the right - verified each widget showed up when clicked and displayed the proper data - calendar being an exception since it sucks so hard right now. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, epriestley, chad, codeblock, Korvin Maniphest Tasks: T2301 Differential Revision: https://secure.phabricator.com/D4620
2013-01-25 02:23:05 +01:00
}
Make Conpherence Pontificate Send-on-Enter Summary: Fixes T11623. Enables send-on-enter and shift-enter for linebreaks, per durable column. Also cleaned up UI for Joining Room or Logging In. Test Plan: See room I can join, click Join Room. Leave Room, Log out, visit room with login prompt. Login, Join Room again. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T11623 Differential Revision: https://secure.phabricator.com/D16595
2016-09-28 04:26:02 +02:00
.conpherence-room-status {
font-size: {$smallerfontsize};
color: {$lightgreytext};
font-style: italic;
position: absolute;
bottom: 6px;
left: 24px;
Rebuild Conpherence Summary: Minor rebuild / redesign of Conpherence. Most of this is new UX and tossing out things like widgets, device fallbacks. I expect some of the UI to get more polished after next pass, but most everything here is in place. - Removed "Widgets", now just a single Participants pane - Added "Topic" - New header - Settings, Edit are action icons - Removed a lot of JS - Simplified CSS as much as I could Test Plan: Desktop, Tablet, Mobile. Adding and removing people. Setting new topics, new rooms. {F1828662} {F1828669} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16550
2016-09-15 03:34:11 +02:00
}
Remove conpherence status on mobile Summary: Thought I had added this, but maybe got reverted. Hides the status line on mobile. Test Plan: Check tablet, desktop, and mobile. Don't see a status message. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16618
2016-09-28 07:21:10 +02:00
.device .conpherence-room-status {
display: none;
}
Make Conpherence Pontificate Send-on-Enter Summary: Fixes T11623. Enables send-on-enter and shift-enter for linebreaks, per durable column. Also cleaned up UI for Joining Room or Logging In. Test Plan: See room I can join, click Join Room. Leave Room, Log out, visit room with login prompt. Login, Join Room again. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T11623 Differential Revision: https://secure.phabricator.com/D16595
2016-09-28 04:26:02 +02:00
.conpherence-no-pontificate .conpherence-message-pane .phui-form-view {
border-top: 1px solid {$thinblueborder};
text-align: center;
Conpherence - allow for public rooms to really work Summary: Fixes T8102. This makes public rooms actually work. Also lets users see the search listings page so they can wander into all public rooms without logging in. Test Plan: As logged out user, visited ZXX and ZYY. ZXX was public, so I could see it and had a little "Login to Participate" button in the bottom. ZYY was not public so I was prompted to login. Back on ZXX I clicked the Conpherence crumb and got a sensible UI where most links prompted me to login. CLicked "search" and saw listings for all public rooms. Reviewers: epriestley, chad Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8102 Differential Revision: https://secure.phabricator.com/D12778
2015-05-08 23:59:11 +02:00
}
Make Conpherence Pontificate Send-on-Enter Summary: Fixes T11623. Enables send-on-enter and shift-enter for linebreaks, per durable column. Also cleaned up UI for Joining Room or Logging In. Test Plan: See room I can join, click Join Room. Leave Room, Log out, visit room with login prompt. Login, Join Room again. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T11623 Differential Revision: https://secure.phabricator.com/D16595
2016-09-28 04:26:02 +02:00
.conpherence-no-pontificate .conpherence-message-pane
.aphront-form-control-submit button,
.conpherence-no-pontificate .conpherence-message-pane
.aphront-form-control-submit a.button {
margin: 4px 0 0 0;
float: none;
}
.conpherence-no-pontificate .phui-form-view .aphront-form-instructions {
margin: 24px 0 16px;
width: 100%;
padding: 0;
color: {$bluetext};
font-size: {$biggestfontsize};
}
.device .conpherence-message-pane .phui-form-view {
padding: 8px 8px;
Conpherence - allow for public rooms to really work Summary: Fixes T8102. This makes public rooms actually work. Also lets users see the search listings page so they can wander into all public rooms without logging in. Test Plan: As logged out user, visited ZXX and ZYY. ZXX was public, so I could see it and had a little "Login to Participate" button in the bottom. ZYY was not public so I was prompted to login. Back on ZXX I clicked the Conpherence crumb and got a sensible UI where most links prompted me to login. CLicked "search" and saw listings for all public rooms. Reviewers: epriestley, chad Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8102 Differential Revision: https://secure.phabricator.com/D12778
2015-05-08 23:59:11 +02:00
}
Update Conpherence Main UI Summary: Uses standard sidenav width, more spacing in labels, added background around textarea, make background work in Firefox. Test Plan: Test Desktop, Mobile, and Tablet break points. Test Firefox and Chrome. {F331201} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11993
2015-03-06 02:09:07 +01:00
.conpherence-message-pane .aphront-form-control-submit button,
.conpherence-message-pane .aphront-form-control-submit a.button {
margin-top: 6px;
}
Rebuild Conpherence Summary: Minor rebuild / redesign of Conpherence. Most of this is new UX and tossing out things like widgets, device fallbacks. I expect some of the UI to get more polished after next pass, but most everything here is in place. - Removed "Widgets", now just a single Participants pane - Added "Topic" - New header - Settings, Edit are action icons - Removed a lot of JS - Simplified CSS as much as I could Test Plan: Desktop, Tablet, Mobile. Adding and removing people. Setting new topics, new rooms. {F1828662} {F1828669} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16550
2016-09-15 03:34:11 +02:00
.device .conpherence-message-pane .aphront-form-control-submit button,
.device .conpherence-message-pane .aphront-form-control-submit a.button {
margin-top: 13px;
}
Remove "Chaos" mode and fix fullscreen in Conpherence Summary: Fixes T3782. Two changes: - Remove the "Chaos" mode, which wasn't as funny as I'd hoped and has had a good run. - Fix "Order" (now "Fullscreen") mode in Conpherence. Best fix I could come up with is dropping the "position: fixed" on all parents while in the mode. Test Plan: Used Fullscreen mode in Conpherence in Chrome. Reviewers: chad Reviewed By: chad CC: aran Maniphest Tasks: T3782 Differential Revision: https://secure.phabricator.com/D6844
2013-08-30 00:59:15 +02:00
/**
* When entering "Fullscreen Mode" in the remarkup control, we need to drop
* all of the "position: fixed" on parent elements or Chrome doesn't put the
* textarea on top.
*/
.remarkup-fullscreen-mode .conpherence-message-pane,
.remarkup-fullscreen-mode .conpherence-message-pane .conpherence-messages,
Fix one more rule with remarkup fullscreen mode Fixes T3782. After D6844, the menu bar would still float on top of this. Auditors: chad
2013-08-30 01:03:13 +02:00
.remarkup-fullscreen-mode .conpherence-message-pane .phui-form-view,
.remarkup-fullscreen-mode .conpherence-layout {
Remove "Chaos" mode and fix fullscreen in Conpherence Summary: Fixes T3782. Two changes: - Remove the "Chaos" mode, which wasn't as funny as I'd hoped and has had a good run. - Fix "Order" (now "Fullscreen") mode in Conpherence. Best fix I could come up with is dropping the "position: fixed" on all parents while in the mode. Test Plan: Used Fullscreen mode in Conpherence in Chrome. Reviewers: chad Reviewed By: chad CC: aran Maniphest Tasks: T3782 Differential Revision: https://secure.phabricator.com/D6844
2013-08-30 00:59:15 +02:00
position: static;
}
Update Conpherence Main UI Summary: Uses standard sidenav width, more spacing in labels, added background around textarea, make background work in Firefox. Test Plan: Test Desktop, Mobile, and Tablet break points. Test Firefox and Chrome. {F331201} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11993
2015-03-06 02:09:07 +01:00
.conpherence-message-pane .remarkup-assist-bar {
Refresh Conpherence UI Summary: Cleans up a number of inconsistencies, makes Conpherence lighter, easier to read, make names larger, darker. Test Plan: Review Conpherence chat in Main App, Durable Column, Mobile, Tablet Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16531
2016-09-09 20:08:53 +02:00
border: 2px solid {$lightgreyborder};
border-bottom: none;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
Make Conpherence Pontificate Send-on-Enter Summary: Fixes T11623. Enables send-on-enter and shift-enter for linebreaks, per durable column. Also cleaned up UI for Joining Room or Logging In. Test Plan: See room I can join, click Join Room. Leave Room, Log out, visit room with login prompt. Login, Join Room again. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T11623 Differential Revision: https://secure.phabricator.com/D16595
2016-09-28 04:26:02 +02:00
background-color: {$lightgreybackground};
Update Conpherence Main UI Summary: Uses standard sidenav width, more spacing in labels, added background around textarea, make background work in Firefox. Test Plan: Test Desktop, Mobile, and Tablet break points. Test Firefox and Chrome. {F331201} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11993
2015-03-06 02:09:07 +01:00
}
Conpherence - mobilized Summary: makes conpherence switch to a liquid layout once we go from desktop -> less than that. When we make the switch conpherence updates to show a few more "Widgets" -- the list of conpherences and the current conversation -- and the switcher starts working. As you transition from device to device you are automagically forced to have the "conversation" widget toggled on initial change to smaller than desktop and then file widget once you get back to desktop. Generally looks good when I make my browser small. Does not look as good on iOS simulator - in particular there seems to be a weird visual artifact on the "add people" widget that is present in all tokenizers, and the pontificate UI on mobile could use some work. ref T2399. Test Plan: played in Safari, FF, Chrome and iOS Simulator. The first 3 were all pretty spiffy, and otherwise iOS add people widget was a bit ugly. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, Korvin, AnhNhan Maniphest Tasks: T2399 Differential Revision: https://secure.phabricator.com/D5674
2013-04-16 01:27:41 +02:00
.device .conpherence-message-pane .remarkup-assist-bar {
Add mobile upload button to Conpherence Summary: Fixes T11622. Moves the remarkup upload button into the text area on mobile/tablet. Test Plan: Mobile/Tablet/Desktop Conpherence Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T11622 Differential Revision: https://secure.phabricator.com/D16626
2016-09-29 18:25:47 +02:00
position: absolute;
top: 12px;
left: 12px;
background: {$bluebackground};
border-radius: 3px;
border: none;
}
.device .remarkup-assist-button,
.device .remarkup-assist-separator {
Revamp .device Conpherence layouts Summary: Greatly improves the text area and cleans up spacing and color issues. Test Plan: test Conpherence at desktop, mobile, tablet break points. Test new flexible layouts. {F372516} Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12431
2015-04-16 18:25:39 +02:00
display: none;
Conpherence - mobilized Summary: makes conpherence switch to a liquid layout once we go from desktop -> less than that. When we make the switch conpherence updates to show a few more "Widgets" -- the list of conpherences and the current conversation -- and the switcher starts working. As you transition from device to device you are automagically forced to have the "conversation" widget toggled on initial change to smaller than desktop and then file widget once you get back to desktop. Generally looks good when I make my browser small. Does not look as good on iOS simulator - in particular there seems to be a weird visual artifact on the "add people" widget that is present in all tokenizers, and the pontificate UI on mobile could use some work. ref T2399. Test Plan: played in Safari, FF, Chrome and iOS Simulator. The first 3 were all pretty spiffy, and otherwise iOS add people widget was a bit ugly. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, Korvin, AnhNhan Maniphest Tasks: T2399 Differential Revision: https://secure.phabricator.com/D5674
2013-04-16 01:27:41 +02:00
}
Add mobile upload button to Conpherence Summary: Fixes T11622. Moves the remarkup upload button into the text area on mobile/tablet. Test Plan: Mobile/Tablet/Desktop Conpherence Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T11622 Differential Revision: https://secure.phabricator.com/D16626
2016-09-29 18:25:47 +02:00
.device .remarkup-assist-button.remarkup-assist-upload {
display: block;
}
Update Form Layouts Summary: This attempts some consistency in form layouts. Notably, they all now contain headers and are 16px off the sides and tops of pages. Also updated dialogs to the same look and feel. I think I got 98% of forms with this pass, but it's likely I missed some buried somewhere. TODO: will take another pass as consolidating these colors and new gradients in another diff. Test Plan: Played in my sandbox all week. Please play with it too and let me know how they feel. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6806
2013-08-26 20:53:11 +02:00
.device .conpherence-message-pane .phui-form-view {
Conpherence - mobilized Summary: makes conpherence switch to a liquid layout once we go from desktop -> less than that. When we make the switch conpherence updates to show a few more "Widgets" -- the list of conpherences and the current conversation -- and the switcher starts working. As you transition from device to device you are automagically forced to have the "conversation" widget toggled on initial change to smaller than desktop and then file widget once you get back to desktop. Generally looks good when I make my browser small. Does not look as good on iOS simulator - in particular there seems to be a weird visual artifact on the "add people" widget that is present in all tokenizers, and the pontificate UI on mobile could use some work. ref T2399. Test Plan: played in Safari, FF, Chrome and iOS Simulator. The first 3 were all pretty spiffy, and otherwise iOS add people widget was a bit ugly. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, Korvin, AnhNhan Maniphest Tasks: T2399 Differential Revision: https://secure.phabricator.com/D5674
2013-04-16 01:27:41 +02:00
left: 0;
right: 0;
Revamp .device Conpherence layouts Summary: Greatly improves the text area and cleans up spacing and color issues. Test Plan: test Conpherence at desktop, mobile, tablet break points. Test new flexible layouts. {F372516} Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12431
2015-04-16 18:25:39 +02:00
height: 34px;
width: auto;
Conpherence - mobilized Summary: makes conpherence switch to a liquid layout once we go from desktop -> less than that. When we make the switch conpherence updates to show a few more "Widgets" -- the list of conpherences and the current conversation -- and the switcher starts working. As you transition from device to device you are automagically forced to have the "conversation" widget toggled on initial change to smaller than desktop and then file widget once you get back to desktop. Generally looks good when I make my browser small. Does not look as good on iOS simulator - in particular there seems to be a weird visual artifact on the "add people" widget that is present in all tokenizers, and the pontificate UI on mobile could use some work. ref T2399. Test Plan: played in Safari, FF, Chrome and iOS Simulator. The first 3 were all pretty spiffy, and otherwise iOS add people widget was a bit ugly. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, Korvin, AnhNhan Maniphest Tasks: T2399 Differential Revision: https://secure.phabricator.com/D5674
2013-04-16 01:27:41 +02:00
}
Update Form Layouts Summary: This attempts some consistency in form layouts. Notably, they all now contain headers and are 16px off the sides and tops of pages. Also updated dialogs to the same look and feel. I think I got 98% of forms with this pass, but it's likely I missed some buried somewhere. TODO: will take another pass as consolidating these colors and new gradients in another diff. Test Plan: Played in my sandbox all week. Please play with it too and let me know how they feel. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6806
2013-08-26 20:53:11 +02:00
.conpherence-layout .conpherence-message-pane .phui-form-view
Minor Conpherence CSS tweaks Summary: - Elastic scrolling in message view - Form now 100% wide in mobile Test Plan: Mobile iOS, Chrome Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5665
2013-04-11 20:04:25 +02:00
div.aphront-form-input {
Conpherence V1 Summary: it's ugly. but it works. basically. See T2399 for a roughly prioritized list of what still needs to happen. Test Plan: - created a conpherence with myself from my profile - created a conpherence with myself from "new conpherence" - created a conphernece with another from "new conpherence" - created a conpherence with several others - created a conpherence with files in the initial post - verified files via comment text ("{F232} is awesome!") and via traditional attach - edited a conpherence image - verified it showed up in the header and in the conpherence menu on the left - edited a conpherence title - verified it showed up in the header and in the conpherence menu on the right - verified each widget showed up when clicked and displayed the proper data - calendar being an exception since it sucks so hard right now. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, epriestley, chad, codeblock, Korvin Maniphest Tasks: T2301 Differential Revision: https://secure.phabricator.com/D4620
2013-01-25 02:23:05 +01:00
margin: 0;
width: 100%;
}
Conpherence - refactor CSS a bit Summary: Follow on to D12410. This kills the general CSS file that once powered application transaction in favor of a specific CSS file for the shared transaction styles for both full view and durable column view. I was able to delete some stuff and identify some shared stuff but there is probably more to go here. Also, rename "phabricator-x" to "conpherence-x" for class names. Test Plan: viewed full conpherence and durable column conpherence and things looked nice Reviewers: chad, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12412
2015-04-14 21:33:02 +02:00
.conpherence-message-pane .conpherence-transaction-view {
padding: 2px 0px;
Rebuild Conpherence Summary: Minor rebuild / redesign of Conpherence. Most of this is new UX and tossing out things like widgets, device fallbacks. I expect some of the UI to get more polished after next pass, but most everything here is in place. - Removed "Widgets", now just a single Participants pane - Added "Topic" - New header - Settings, Edit are action icons - Removed a lot of JS - Simplified CSS as much as I could Test Plan: Desktop, Tablet, Mobile. Adding and removing people. Setting new topics, new rooms. {F1828662} {F1828669} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16550
2016-09-15 03:34:11 +02:00
margin: 4px 20px;
Make CSS agnostic to underlying profile image size Summary: Ref T7707. My analysis there was a bit confused and this isn't really all that important, but seems cleaner and desirable to be agnostic to the underlying image size. Test Plan: Tested Safari, Firefox and Chrome with a variety of profile image sizes. Reviewers: chad, btrahan Reviewed By: btrahan Subscribers: epriestley Maniphest Tasks: T7707 Differential Revision: https://secure.phabricator.com/D12825
2015-05-13 17:14:47 +02:00
background-size: 100%;
Tighten up message pane in Conpherence Summary: Tweaks a number of things in the Conpherence message pane. Test Plan: Review a Conpherence in Chrome/iOS Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D6007
2013-05-23 05:47:47 +02:00
min-height: auto;
}
Conpherence - refactor CSS a bit Summary: Follow on to D12410. This kills the general CSS file that once powered application transaction in favor of a specific CSS file for the shared transaction styles for both full view and durable column view. I was able to delete some stuff and identify some shared stuff but there is probably more to go here. Also, rename "phabricator-x" to "conpherence-x" for class names. Test Plan: viewed full conpherence and durable column conpherence and things looked nice Reviewers: chad, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12412
2015-04-14 21:33:02 +02:00
.device-phone .conpherence-message-pane .conpherence-transaction-view {
Rework some CSS with new Scrollbar in Conpherence Summary: Cleans up spacing, missed rules, double scrollbars, and make mobile pretty. Still need to re-work mobile submit. Test Plan: Review Conpherence on Mobile, Tablet, and Desktop. Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12414
2015-04-14 22:36:51 +02:00
margin: 0 8px;
Conpherence V1 Summary: it's ugly. but it works. basically. See T2399 for a roughly prioritized list of what still needs to happen. Test Plan: - created a conpherence with myself from my profile - created a conpherence with myself from "new conpherence" - created a conphernece with another from "new conpherence" - created a conpherence with several others - created a conpherence with files in the initial post - verified files via comment text ("{F232} is awesome!") and via traditional attach - edited a conpherence image - verified it showed up in the header and in the conpherence menu on the left - edited a conpherence title - verified it showed up in the header and in the conpherence menu on the right - verified each widget showed up when clicked and displayed the proper data - calendar being an exception since it sucks so hard right now. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, epriestley, chad, codeblock, Korvin Maniphest Tasks: T2301 Differential Revision: https://secure.phabricator.com/D4620
2013-01-25 02:23:05 +01:00
}
Conpherence - refactor CSS a bit Summary: Follow on to D12410. This kills the general CSS file that once powered application transaction in favor of a specific CSS file for the shared transaction styles for both full view and durable column view. I was able to delete some stuff and identify some shared stuff but there is probably more to go here. Also, rename "phabricator-x" to "conpherence-x" for class names. Test Plan: viewed full conpherence and durable column conpherence and things looked nice Reviewers: chad, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12412
2015-04-14 21:33:02 +02:00
.conpherence-message-pane .conpherence-transaction-image {
float: left;
border-radius: 3px;
height: 35px;
width: 35px;
background-size: 35px;
position: absolute;
top: 5px;
}
Rework some CSS with new Scrollbar in Conpherence Summary: Cleans up spacing, missed rules, double scrollbars, and make mobile pretty. Still need to re-work mobile submit. Test Plan: Review Conpherence on Mobile, Tablet, and Desktop. Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12414
2015-04-14 22:36:51 +02:00
.device-phone .conpherence-message-pane .conpherence-transaction-image {
Rebuild Conpherence Summary: Minor rebuild / redesign of Conpherence. Most of this is new UX and tossing out things like widgets, device fallbacks. I expect some of the UI to get more polished after next pass, but most everything here is in place. - Removed "Widgets", now just a single Participants pane - Added "Topic" - New header - Settings, Edit are action icons - Removed a lot of JS - Simplified CSS as much as I could Test Plan: Desktop, Tablet, Mobile. Adding and removing people. Setting new topics, new rooms. {F1828662} {F1828669} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16550
2016-09-15 03:34:11 +02:00
height: 25px;
width: 25px;
background-size: 25px;
Rework some CSS with new Scrollbar in Conpherence Summary: Cleans up spacing, missed rules, double scrollbars, and make mobile pretty. Still need to re-work mobile submit. Test Plan: Review Conpherence on Mobile, Tablet, and Desktop. Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12414
2015-04-14 22:36:51 +02:00
}
Conpherence - get #anchor links to messages working Summary: Ref T7757. Oddities include: - not working in column view, since the generic anchor technology conflicts once you navigate to a page with a transaction timeline view - not working if you are linking to a message not included in initial load Remaining work is addressing these oddities. - make column view timestamp link to full conpherence correctly? - make back end load from hyperlinked transaction forward? or do it more like application transactions and have the client keep requesting stuff until it gets it? Open to suggestions! :D Test Plan: played around in conpherence full and stuff looked okay. noted no changes as intended in column view. Reviewers: epriestley, chad Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T7757 Differential Revision: https://secure.phabricator.com/D12402
2015-04-14 00:24:48 +02:00
.conpherence-message-pane .conpherence-comment.anchor-target,
.conpherence-message-pane .conpherence-edited.anchor-target {
Rework some CSS with new Scrollbar in Conpherence Summary: Cleans up spacing, missed rules, double scrollbars, and make mobile pretty. Still need to re-work mobile submit. Test Plan: Review Conpherence on Mobile, Tablet, and Desktop. Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12414
2015-04-14 22:36:51 +02:00
background: {$lightyellow};
Conpherence - get #anchor links to messages working Summary: Ref T7757. Oddities include: - not working in column view, since the generic anchor technology conflicts once you navigate to a page with a transaction timeline view - not working if you are linking to a message not included in initial load Remaining work is addressing these oddities. - make column view timestamp link to full conpherence correctly? - make back end load from hyperlinked transaction forward? or do it more like application transactions and have the client keep requesting stuff until it gets it? Open to suggestions! :D Test Plan: played around in conpherence full and stuff looked okay. noted no changes as intended in column view. Reviewers: epriestley, chad Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T7757 Differential Revision: https://secure.phabricator.com/D12402
2015-04-14 00:24:48 +02:00
}
.conpherence-message-pane .conpherence-comment.anchor-target {
margin: 4px 8px 4px 8px;
padding: 2px 4px 2px 4px;
}
.conpherence-message-pane .conpherence-edited.anchor-target {
margin: 0px 8px 0px 8px;
padding: 0px 4px 0px 4px;
}
Conpherence - refactor CSS a bit Summary: Follow on to D12410. This kills the general CSS file that once powered application transaction in favor of a specific CSS file for the shared transaction styles for both full view and durable column view. I was able to delete some stuff and identify some shared stuff but there is probably more to go here. Also, rename "phabricator-x" to "conpherence-x" for class names. Test Plan: viewed full conpherence and durable column conpherence and things looked nice Reviewers: chad, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12412
2015-04-14 21:33:02 +02:00
.conpherence-message-pane .conpherence-transaction-detail {
Conpherence V1 Summary: it's ugly. but it works. basically. See T2399 for a roughly prioritized list of what still needs to happen. Test Plan: - created a conpherence with myself from my profile - created a conpherence with myself from "new conpherence" - created a conphernece with another from "new conpherence" - created a conpherence with several others - created a conpherence with files in the initial post - verified files via comment text ("{F232} is awesome!") and via traditional attach - edited a conpherence image - verified it showed up in the header and in the conpherence menu on the left - edited a conpherence title - verified it showed up in the header and in the conpherence menu on the right - verified each widget showed up when clicked and displayed the proper data - calendar being an exception since it sucks so hard right now. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, epriestley, chad, codeblock, Korvin Maniphest Tasks: T2301 Differential Revision: https://secure.phabricator.com/D4620
2013-01-25 02:23:05 +01:00
border-width: 0;
Update Conpherence CSS Summary: Updates Conpherence CSS for mostly responsive design. Notably: - Clipped nav 20px - Clipped widgets 40px - Tested tablet and phone layouts - Phone layout mostly done. - Bouncy webkit scroll areas. Still more work to do, but I think it should be easy now for Bob to lay in the rest of mobile. It probably doesn't need to render the menu and conversation in the widget area, as I think we can now credibly position: fix it in mobile. Not completely sold on tablet layout, but it's still better than current. Test Plan: Tested layouts on iPhone and iPad simulator. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Maniphest Tasks: T2421 Differential Revision: https://secure.phabricator.com/D5442
2013-03-25 15:38:27 +01:00
margin-left: 45px;
Conpherence V1 Summary: it's ugly. but it works. basically. See T2399 for a roughly prioritized list of what still needs to happen. Test Plan: - created a conpherence with myself from my profile - created a conpherence with myself from "new conpherence" - created a conphernece with another from "new conpherence" - created a conpherence with several others - created a conpherence with files in the initial post - verified files via comment text ("{F232} is awesome!") and via traditional attach - edited a conpherence image - verified it showed up in the header and in the conpherence menu on the left - edited a conpherence title - verified it showed up in the header and in the conpherence menu on the right - verified each widget showed up when clicked and displayed the proper data - calendar being an exception since it sucks so hard right now. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, epriestley, chad, codeblock, Korvin Maniphest Tasks: T2301 Differential Revision: https://secure.phabricator.com/D4620
2013-01-25 02:23:05 +01:00
}
Rework some CSS with new Scrollbar in Conpherence Summary: Cleans up spacing, missed rules, double scrollbars, and make mobile pretty. Still need to re-work mobile submit. Test Plan: Review Conpherence on Mobile, Tablet, and Desktop. Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12414
2015-04-14 22:36:51 +02:00
.device-phone .conpherence-message-pane .conpherence-transaction-detail {
Rebuild Conpherence Summary: Minor rebuild / redesign of Conpherence. Most of this is new UX and tossing out things like widgets, device fallbacks. I expect some of the UI to get more polished after next pass, but most everything here is in place. - Removed "Widgets", now just a single Participants pane - Added "Topic" - New header - Settings, Edit are action icons - Removed a lot of JS - Simplified CSS as much as I could Test Plan: Desktop, Tablet, Mobile. Adding and removing people. Setting new topics, new rooms. {F1828662} {F1828669} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16550
2016-09-15 03:34:11 +02:00
margin-left: 32px;
Rework some CSS with new Scrollbar in Conpherence Summary: Cleans up spacing, missed rules, double scrollbars, and make mobile pretty. Still need to re-work mobile submit. Test Plan: Review Conpherence on Mobile, Tablet, and Desktop. Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12414
2015-04-14 22:36:51 +02:00
}
Conpherence - refactor CSS a bit Summary: Follow on to D12410. This kills the general CSS file that once powered application transaction in favor of a specific CSS file for the shared transaction styles for both full view and durable column view. I was able to delete some stuff and identify some shared stuff but there is probably more to go here. Also, rename "phabricator-x" to "conpherence-x" for class names. Test Plan: viewed full conpherence and durable column conpherence and things looked nice Reviewers: chad, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12412
2015-04-14 21:33:02 +02:00
.conpherence-message-pane .conpherence-transaction-view.date-marker {
padding: 0;
Rebuild Conpherence Summary: Minor rebuild / redesign of Conpherence. Most of this is new UX and tossing out things like widgets, device fallbacks. I expect some of the UI to get more polished after next pass, but most everything here is in place. - Removed "Widgets", now just a single Participants pane - Added "Topic" - New header - Settings, Edit are action icons - Removed a lot of JS - Simplified CSS as much as I could Test Plan: Desktop, Tablet, Mobile. Adding and removing people. Setting new topics, new rooms. {F1828662} {F1828669} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16550
2016-09-15 03:34:11 +02:00
margin: 20px 20px 4px;
Conpherence - add daily date dividers Summary: nice title. Fixes T3203. If its been N days and now its Tuesday, it just shows a single marker for Tuesday. Test Plan: Viewed a conpherence and there were date dividers! Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, Korvin Maniphest Tasks: T3203 Differential Revision: https://secure.phabricator.com/D6081
2013-05-30 23:24:50 +02:00
min-height: auto;
}
Update Conpherence CSS to handle multiple edits better Summary: Fixes T7655. We'll set tighter spacing around edit clusters. Also darkened up the date marker and remove unused `phabricator-transaction-view` CSS that was still scattered around the site. Test Plan: Test a full and column multi-edit spam. Visited Ponder and Diffusion, noticed no issues using those apps. Grepped for other users of `phabricator-transaction-view` Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Maniphest Tasks: T7655 Differential Revision: https://secure.phabricator.com/D12148
2015-03-26 20:56:58 +01:00
Conpherence - refactor CSS a bit Summary: Follow on to D12410. This kills the general CSS file that once powered application transaction in favor of a specific CSS file for the shared transaction styles for both full view and durable column view. I was able to delete some stuff and identify some shared stuff but there is probably more to go here. Also, rename "phabricator-x" to "conpherence-x" for class names. Test Plan: viewed full conpherence and durable column conpherence and things looked nice Reviewers: chad, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12412
2015-04-14 21:33:02 +02:00
.device-phone .conpherence-message-pane
.conpherence-transaction-view.date-marker {
Revamp .device Conpherence layouts Summary: Greatly improves the text area and cleans up spacing and color issues. Test Plan: test Conpherence at desktop, mobile, tablet break points. Test new flexible layouts. {F372516} Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12431
2015-04-16 18:25:39 +02:00
margin: 12px 0 4px;
}
.device-tablet .conpherence-message-pane
.conpherence-transaction-view.date-marker {
padding-left: 37px;
Fix Conpherence CSS (mostly revert) Summary: Fixes D7669 Test Plan: test many participants and many threads in Conpherence, mobile and desktop. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D7696
2013-12-04 06:48:03 +01:00
}
Update Conpherence CSS to handle multiple edits better Summary: Fixes T7655. We'll set tighter spacing around edit clusters. Also darkened up the date marker and remove unused `phabricator-transaction-view` CSS that was still scattered around the site. Test Plan: Test a full and column multi-edit spam. Visited Ponder and Diffusion, noticed no issues using those apps. Grepped for other users of `phabricator-transaction-view` Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Maniphest Tasks: T7655 Differential Revision: https://secure.phabricator.com/D12148
2015-03-26 20:56:58 +01:00
Conpherence - refactor CSS a bit Summary: Follow on to D12410. This kills the general CSS file that once powered application transaction in favor of a specific CSS file for the shared transaction styles for both full view and durable column view. I was able to delete some stuff and identify some shared stuff but there is probably more to go here. Also, rename "phabricator-x" to "conpherence-x" for class names. Test Plan: viewed full conpherence and durable column conpherence and things looked nice Reviewers: chad, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12412
2015-04-14 21:33:02 +02:00
.conpherence-message-pane .conpherence-transaction-view.date-marker
Revamp .device Conpherence layouts Summary: Greatly improves the text area and cleans up spacing and color issues. Test Plan: test Conpherence at desktop, mobile, tablet break points. Test new flexible layouts. {F372516} Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12431
2015-04-16 18:25:39 +02:00
.date {
left: 40px;
[Redesign] Larger Font PostProcessor Summary: Ref T8099, Ref T8614. Reasonable attempt at a larger font size PostProcessor, will need additional UI cleanup (places where we fix height) but overall very decent. Test Plan: Use lots of the UI elements with new font sizes. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099, T8614 Differential Revision: https://secure.phabricator.com/D13457
2015-06-26 18:33:03 +02:00
font-size: {$normalfontsize};
Revamp .device Conpherence layouts Summary: Greatly improves the text area and cleans up spacing and color issues. Test Plan: test Conpherence at desktop, mobile, tablet break points. Test new flexible layouts. {F372516} Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12431
2015-04-16 18:25:39 +02:00
padding: 0px 4px;
}
.device .conpherence-message-pane .conpherence-transaction-view.date-marker
.date {
left: 4px;
Conpherence - add daily date dividers Summary: nice title. Fixes T3203. If its been N days and now its Tuesday, it just shows a single marker for Tuesday. Test Plan: Viewed a conpherence and there were date dividers! Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, Korvin Maniphest Tasks: T3203 Differential Revision: https://secure.phabricator.com/D6081
2013-05-30 23:24:50 +02:00
}
Normalize 'conpherence-edited' UI between full and column Summary: Normalizes size and colors. Default to non-bold names, grey text, and hide the time in column. Also re-evaluated header spacing in Photoshop. Test Plan: Lots of photoshop, tested full in desktop, mobile and tablet and normal durable column. This was sadly 2 hours of work. Reviewers: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12087
2015-03-14 21:12:26 +01:00
Rework some CSS with new Scrollbar in Conpherence Summary: Cleans up spacing, missed rules, double scrollbars, and make mobile pretty. Still need to re-work mobile submit. Test Plan: Review Conpherence on Mobile, Tablet, and Desktop. Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12414
2015-04-14 22:36:51 +02:00
.device-phone .conpherence-message-pane .conpherence-edited {
min-height: none;
color: {$lightgreytext};
margin: 0 8px;
Tighten up message pane in Conpherence Summary: Tweaks a number of things in the Conpherence message pane. Test Plan: Review a Conpherence in Chrome/iOS Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D6007
2013-05-23 05:47:47 +02:00
}
Conpherence - refactor CSS a bit Summary: Follow on to D12410. This kills the general CSS file that once powered application transaction in favor of a specific CSS file for the shared transaction styles for both full view and durable column view. I was able to delete some stuff and identify some shared stuff but there is probably more to go here. Also, rename "phabricator-x" to "conpherence-x" for class names. Test Plan: viewed full conpherence and durable column conpherence and things looked nice Reviewers: chad, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12412
2015-04-14 21:33:02 +02:00
.conpherence-message-pane .conpherence-edited .conpherence-transaction-content {
Move #888 and #999 to $lightgreytext Summary: Moves lighter grey text to a common color. Test Plan: sandbox, review diff Reviewers: epriestley, btrahan, mutech.aka Reviewed By: mutech.aka CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6859
2013-09-02 17:12:18 +02:00
color: {$lightgreytext};
Refresh Conpherence UI Summary: Cleans up a number of inconsistencies, makes Conpherence lighter, easier to read, make names larger, darker. Test Plan: Review Conpherence chat in Main App, Durable Column, Mobile, Tablet Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16531
2016-09-09 20:08:53 +02:00
font-size: {$biggerfontsize};
font-style: italic;
Tighten up message pane in Conpherence Summary: Tweaks a number of things in the Conpherence message pane. Test Plan: Review a Conpherence in Chrome/iOS Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D6007
2013-05-23 05:47:47 +02:00
margin: 0;
Normalize 'conpherence-edited' UI between full and column Summary: Normalizes size and colors. Default to non-bold names, grey text, and hide the time in column. Also re-evaluated header spacing in Photoshop. Test Plan: Lots of photoshop, tested full in desktop, mobile and tablet and normal durable column. This was sadly 2 hours of work. Reviewers: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12087
2015-03-14 21:12:26 +01:00
padding: 0;
float: left;
Refresh Conpherence UI Summary: Cleans up a number of inconsistencies, makes Conpherence lighter, easier to read, make names larger, darker. Test Plan: Review Conpherence chat in Main App, Durable Column, Mobile, Tablet Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16531
2016-09-09 20:08:53 +02:00
line-height: 20px;
Normalize 'conpherence-edited' UI between full and column Summary: Normalizes size and colors. Default to non-bold names, grey text, and hide the time in column. Also re-evaluated header spacing in Photoshop. Test Plan: Lots of photoshop, tested full in desktop, mobile and tablet and normal durable column. This was sadly 2 hours of work. Reviewers: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12087
2015-03-14 21:12:26 +01:00
}
Update Conpherence CSS to handle multiple edits better Summary: Fixes T7655. We'll set tighter spacing around edit clusters. Also darkened up the date marker and remove unused `phabricator-transaction-view` CSS that was still scattered around the site. Test Plan: Test a full and column multi-edit spam. Visited Ponder and Diffusion, noticed no issues using those apps. Grepped for other users of `phabricator-transaction-view` Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Maniphest Tasks: T7655 Differential Revision: https://secure.phabricator.com/D12148
2015-03-26 20:56:58 +01:00
.conpherence-message-pane .conpherence-edited {
padding: 0;
margin-top: 0;
margin-bottom: 0;
min-height: inherit;
Normalize 'conpherence-edited' UI between full and column Summary: Normalizes size and colors. Default to non-bold names, grey text, and hide the time in column. Also re-evaluated header spacing in Photoshop. Test Plan: Lots of photoshop, tested full in desktop, mobile and tablet and normal durable column. This was sadly 2 hours of work. Reviewers: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12087
2015-03-14 21:12:26 +01:00
}
Update Conpherence CSS to handle multiple edits better Summary: Fixes T7655. We'll set tighter spacing around edit clusters. Also darkened up the date marker and remove unused `phabricator-transaction-view` CSS that was still scattered around the site. Test Plan: Test a full and column multi-edit spam. Visited Ponder and Diffusion, noticed no issues using those apps. Grepped for other users of `phabricator-transaction-view` Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Maniphest Tasks: T7655 Differential Revision: https://secure.phabricator.com/D12148
2015-03-26 20:56:58 +01:00
.conpherence-message-pane .conpherence-edited + .conpherence-comment {
Rework some CSS with new Scrollbar in Conpherence Summary: Cleans up spacing, missed rules, double scrollbars, and make mobile pretty. Still need to re-work mobile submit. Test Plan: Review Conpherence on Mobile, Tablet, and Desktop. Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12414
2015-04-14 22:36:51 +02:00
margin-top: 16px;
Update Conpherence CSS to handle multiple edits better Summary: Fixes T7655. We'll set tighter spacing around edit clusters. Also darkened up the date marker and remove unused `phabricator-transaction-view` CSS that was still scattered around the site. Test Plan: Test a full and column multi-edit spam. Visited Ponder and Diffusion, noticed no issues using those apps. Grepped for other users of `phabricator-transaction-view` Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Maniphest Tasks: T7655 Differential Revision: https://secure.phabricator.com/D12148
2015-03-26 20:56:58 +01:00
}
Rework some CSS with new Scrollbar in Conpherence Summary: Cleans up spacing, missed rules, double scrollbars, and make mobile pretty. Still need to re-work mobile submit. Test Plan: Review Conpherence on Mobile, Tablet, and Desktop. Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12414
2015-04-14 22:36:51 +02:00
.conpherence-transaction-view.conpherence-edited +
.conpherence-transaction-view.date-marker {
margin-top: 24px;
Tighten up message pane in Conpherence Summary: Tweaks a number of things in the Conpherence message pane. Test Plan: Review a Conpherence in Chrome/iOS Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D6007
2013-05-23 05:47:47 +02:00
}
Rework some CSS with new Scrollbar in Conpherence Summary: Cleans up spacing, missed rules, double scrollbars, and make mobile pretty. Still need to re-work mobile submit. Test Plan: Review Conpherence on Mobile, Tablet, and Desktop. Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12414
2015-04-14 22:36:51 +02:00
.conpherence-message-pane .conpherence-edited .conpherence-transaction-header {
float: right;
Tighten up message pane in Conpherence Summary: Tweaks a number of things in the Conpherence message pane. Test Plan: Review a Conpherence in Chrome/iOS Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D6007
2013-05-23 05:47:47 +02:00
}
Tighten up fonts in Conpherence. Summary: Minor tweaks to font size, message pane spacing. Test Plan: use more common spacing (4px grid) Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11583
2015-01-30 23:29:24 +01:00
.conpherence-message-pane .conpherence-edited
Conpherence - refactor CSS a bit Summary: Follow on to D12410. This kills the general CSS file that once powered application transaction in favor of a specific CSS file for the shared transaction styles for both full view and durable column view. I was able to delete some stuff and identify some shared stuff but there is probably more to go here. Also, rename "phabricator-x" to "conpherence-x" for class names. Test Plan: viewed full conpherence and durable column conpherence and things looked nice Reviewers: chad, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12412
2015-04-14 21:33:02 +02:00
.conpherence-transaction-content a {
Tighten up fonts in Conpherence. Summary: Minor tweaks to font size, message pane spacing. Test Plan: use more common spacing (4px grid) Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11583
2015-01-30 23:29:24 +01:00
color: {$darkbluetext};
Tighten up message pane in Conpherence Summary: Tweaks a number of things in the Conpherence message pane. Test Plan: Review a Conpherence in Chrome/iOS Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D6007
2013-05-23 05:47:47 +02:00
}
Refresh Conpherence UI Summary: Cleans up a number of inconsistencies, makes Conpherence lighter, easier to read, make names larger, darker. Test Plan: Review Conpherence chat in Main App, Durable Column, Mobile, Tablet Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16531
2016-09-09 20:08:53 +02:00
.conpherence-message-pane .conpherence-transaction-info {
Show timestamps all the time in Conpherence Summary: Fixes T9112. These got removed accidentally at some point. Add them back. Test Plan: Visit a Conpherence, desktop, mobile, web, column. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T10364, T9112 Differential Revision: https://secure.phabricator.com/D16534
2016-09-09 23:09:43 +02:00
margin: 0 8px;
Conpherence - refactor CSS a bit Summary: Follow on to D12410. This kills the general CSS file that once powered application transaction in favor of a specific CSS file for the shared transaction styles for both full view and durable column view. I was able to delete some stuff and identify some shared stuff but there is probably more to go here. Also, rename "phabricator-x" to "conpherence-x" for class names. Test Plan: viewed full conpherence and durable column conpherence and things looked nice Reviewers: chad, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12412
2015-04-14 21:33:02 +02:00
}
.conpherence-message-pane .conpherence-transaction-info,
Conpherence - get #anchor links to messages working Summary: Ref T7757. Oddities include: - not working in column view, since the generic anchor technology conflicts once you navigate to a page with a transaction timeline view - not working if you are linking to a message not included in initial load Remaining work is addressing these oddities. - make column view timestamp link to full conpherence correctly? - make back end load from hyperlinked transaction forward? or do it more like application transactions and have the client keep requesting stuff until it gets it? Open to suggestions! :D Test Plan: played around in conpherence full and stuff looked okay. noted no changes as intended in column view. Reviewers: epriestley, chad Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T7757 Differential Revision: https://secure.phabricator.com/D12402
2015-04-14 00:24:48 +02:00
.conpherence-message-pane .anchor-link,
Revamp .device Conpherence layouts Summary: Greatly improves the text area and cleans up spacing and color issues. Test Plan: test Conpherence at desktop, mobile, tablet break points. Test new flexible layouts. {F372516} Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12431
2015-04-16 18:25:39 +02:00
.conpherence-message-pane .phabricator-content-source-view {
[Redesign] Move basefont to Lato, remove Source Sans Pro Summary: Working towards a more unified look and feel. This brings in Lato as a complete base font over Helvetica Neue, as well as removing Source Sans Pro from DocumentView and Conpherence. Design-wise Lato provides the nice readability at larger font sizes that Source Sans Pro did, with the ability to scale down to tables and UI widgets with ease. This gives us one font instead of two, and now Object descriptions and Timeline posts all can benefit from a consistent, readable font. Test Plan: Test main UI, smaller elements like tables, menus, DocumentViews, Previews, Conpherence. {F498135} {F498136} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D13276
2015-06-13 21:32:45 +02:00
color: {$lightgreytext};
Tighten up message pane in Conpherence Summary: Tweaks a number of things in the Conpherence message pane. Test Plan: Review a Conpherence in Chrome/iOS Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D6007
2013-05-23 05:47:47 +02:00
line-height: 16px;
[Redesign] Larger Font PostProcessor Summary: Ref T8099, Ref T8614. Reasonable attempt at a larger font size PostProcessor, will need additional UI cleanup (places where we fix height) but overall very decent. Test Plan: Use lots of the UI elements with new font sizes. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099, T8614 Differential Revision: https://secure.phabricator.com/D13457
2015-06-26 18:33:03 +02:00
font-size: {$smallerfontsize};
Conpherence V1 Summary: it's ugly. but it works. basically. See T2399 for a roughly prioritized list of what still needs to happen. Test Plan: - created a conpherence with myself from my profile - created a conpherence with myself from "new conpherence" - created a conphernece with another from "new conpherence" - created a conpherence with several others - created a conpherence with files in the initial post - verified files via comment text ("{F232} is awesome!") and via traditional attach - edited a conpherence image - verified it showed up in the header and in the conpherence menu on the left - edited a conpherence title - verified it showed up in the header and in the conpherence menu on the right - verified each widget showed up when clicked and displayed the proper data - calendar being an exception since it sucks so hard right now. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, epriestley, chad, codeblock, Korvin Maniphest Tasks: T2301 Differential Revision: https://secure.phabricator.com/D4620
2013-01-25 02:23:05 +01:00
}
Conpherence - refactor CSS a bit Summary: Follow on to D12410. This kills the general CSS file that once powered application transaction in favor of a specific CSS file for the shared transaction styles for both full view and durable column view. I was able to delete some stuff and identify some shared stuff but there is probably more to go here. Also, rename "phabricator-x" to "conpherence-x" for class names. Test Plan: viewed full conpherence and durable column conpherence and things looked nice Reviewers: chad, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12412
2015-04-14 21:33:02 +02:00
.conpherence-message-pane .conpherence-transaction-content {
Tighten up message pane in Conpherence Summary: Tweaks a number of things in the Conpherence message pane. Test Plan: Review a Conpherence in Chrome/iOS Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D6007
2013-05-23 05:47:47 +02:00
padding: 2px 0 8px 0;
Conpherence V1 Summary: it's ugly. but it works. basically. See T2399 for a roughly prioritized list of what still needs to happen. Test Plan: - created a conpherence with myself from my profile - created a conpherence with myself from "new conpherence" - created a conphernece with another from "new conpherence" - created a conpherence with several others - created a conpherence with files in the initial post - verified files via comment text ("{F232} is awesome!") and via traditional attach - edited a conpherence image - verified it showed up in the header and in the conpherence menu on the left - edited a conpherence title - verified it showed up in the header and in the conpherence menu on the right - verified each widget showed up when clicked and displayed the proper data - calendar being an exception since it sucks so hard right now. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, epriestley, chad, codeblock, Korvin Maniphest Tasks: T2301 Differential Revision: https://secure.phabricator.com/D4620
2013-01-25 02:23:05 +01:00
}
.conpherence-message-pane .aphront-form-control {
padding: 0;
}
.conpherence-message-pane .remarkup-assist-textarea {
Make Conpherence Pontificate Send-on-Enter Summary: Fixes T11623. Enables send-on-enter and shift-enter for linebreaks, per durable column. Also cleaned up UI for Joining Room or Logging In. Test Plan: See room I can join, click Join Room. Leave Room, Log out, visit room with login prompt. Login, Join Room again. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T11623 Differential Revision: https://secure.phabricator.com/D16595
2016-09-28 04:26:02 +02:00
height: 68px;
Refresh Conpherence UI Summary: Cleans up a number of inconsistencies, makes Conpherence lighter, easier to read, make names larger, darker. Test Plan: Review Conpherence chat in Main App, Durable Column, Mobile, Tablet Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16531
2016-09-09 20:08:53 +02:00
padding: 8px;
border: 2px solid {$lightgreyborder};
border-top: 1px solid {$thinblueborder};
Conpherence - mobilized Summary: makes conpherence switch to a liquid layout once we go from desktop -> less than that. When we make the switch conpherence updates to show a few more "Widgets" -- the list of conpherences and the current conversation -- and the switcher starts working. As you transition from device to device you are automagically forced to have the "conversation" widget toggled on initial change to smaller than desktop and then file widget once you get back to desktop. Generally looks good when I make my browser small. Does not look as good on iOS simulator - in particular there seems to be a weird visual artifact on the "add people" widget that is present in all tokenizers, and the pontificate UI on mobile could use some work. ref T2399. Test Plan: played in Safari, FF, Chrome and iOS Simulator. The first 3 were all pretty spiffy, and otherwise iOS add people widget was a bit ugly. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, Korvin, AnhNhan Maniphest Tasks: T2399 Differential Revision: https://secure.phabricator.com/D5674
2013-04-16 01:27:41 +02:00
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
Conpherence - remove resize handle since it doesn't work Summary: Ref T3125. This isn't a fix but it at least doesn't keep the resize handle that doesn't work around Test Plan: loaded up conpherence, saw no resize handle Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, Korvin Maniphest Tasks: T3125 Differential Revision: https://secure.phabricator.com/D5861
2013-05-07 22:56:04 +02:00
resize: none;
Refresh Conpherence UI Summary: Cleans up a number of inconsistencies, makes Conpherence lighter, easier to read, make names larger, darker. Test Plan: Review Conpherence chat in Main App, Durable Column, Mobile, Tablet Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16531
2016-09-09 20:08:53 +02:00
outline: none;
box-shadow: none;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.conpherence-message-pane .remarkup-assist-textarea:focus {
Add a toggle, sticky pref, for Conpherence Widget Pane Summary: This adds a "column" icon into crumbs, like in workboards, for expanding or hiding the "Widget Pane". This is per user sticky and defaults to off. Test Plan: View a Conpherence Room, see no widgets by default. Toggle it on, see widget. Reload page, see widget stick. Verify mobile, tablets ignore hiding. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T10364 Differential Revision: https://secure.phabricator.com/D16533
2016-09-13 01:20:21 +02:00
border: 2px solid {$lightgreyborder};
border-top: 1px solid {$thinblueborder};
Conpherence - mobilized Summary: makes conpherence switch to a liquid layout once we go from desktop -> less than that. When we make the switch conpherence updates to show a few more "Widgets" -- the list of conpherences and the current conversation -- and the switcher starts working. As you transition from device to device you are automagically forced to have the "conversation" widget toggled on initial change to smaller than desktop and then file widget once you get back to desktop. Generally looks good when I make my browser small. Does not look as good on iOS simulator - in particular there seems to be a weird visual artifact on the "add people" widget that is present in all tokenizers, and the pontificate UI on mobile could use some work. ref T2399. Test Plan: played in Safari, FF, Chrome and iOS Simulator. The first 3 were all pretty spiffy, and otherwise iOS add people widget was a bit ugly. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, Korvin, AnhNhan Maniphest Tasks: T2399 Differential Revision: https://secure.phabricator.com/D5674
2013-04-16 01:27:41 +02:00
}
.device .conpherence-message-pane .remarkup-assist-textarea {
Revamp .device Conpherence layouts Summary: Greatly improves the text area and cleans up spacing and color issues. Test Plan: test Conpherence at desktop, mobile, tablet break points. Test new flexible layouts. {F372516} Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12431
2015-04-16 18:25:39 +02:00
margin: 0;
Add mobile upload button to Conpherence Summary: Fixes T11622. Moves the remarkup upload button into the text area on mobile/tablet. Test Plan: Mobile/Tablet/Desktop Conpherence Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T11622 Differential Revision: https://secure.phabricator.com/D16626
2016-09-29 18:25:47 +02:00
padding: 7px 8px 6px 30px;
Revamp .device Conpherence layouts Summary: Greatly improves the text area and cleans up spacing and color issues. Test Plan: test Conpherence at desktop, mobile, tablet break points. Test new flexible layouts. {F372516} Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12431
2015-04-16 18:25:39 +02:00
width: 100%;
Update Conpherence Main UI Summary: Uses standard sidenav width, more spacing in labels, added background around textarea, make background work in Firefox. Test Plan: Test Desktop, Mobile, and Tablet break points. Test Firefox and Chrome. {F331201} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11993
2015-03-06 02:09:07 +01:00
height: 34px;
Conpherence - mobilized Summary: makes conpherence switch to a liquid layout once we go from desktop -> less than that. When we make the switch conpherence updates to show a few more "Widgets" -- the list of conpherences and the current conversation -- and the switcher starts working. As you transition from device to device you are automagically forced to have the "conversation" widget toggled on initial change to smaller than desktop and then file widget once you get back to desktop. Generally looks good when I make my browser small. Does not look as good on iOS simulator - in particular there seems to be a weird visual artifact on the "add people" widget that is present in all tokenizers, and the pontificate UI on mobile could use some work. ref T2399. Test Plan: played in Safari, FF, Chrome and iOS Simulator. The first 3 were all pretty spiffy, and otherwise iOS add people widget was a bit ugly. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, Korvin, AnhNhan Maniphest Tasks: T2399 Differential Revision: https://secure.phabricator.com/D5674
2013-04-16 01:27:41 +02:00
resize: none;
Refresh Conpherence UI Summary: Cleans up a number of inconsistencies, makes Conpherence lighter, easier to read, make names larger, darker. Test Plan: Review Conpherence chat in Main App, Durable Column, Mobile, Tablet Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16531
2016-09-09 20:08:53 +02:00
border-top: 2px solid {$lightgreyborder};
border-top-left-radius: 3px;
border-top-right-radius: 3px;
Conpherence V1 Summary: it's ugly. but it works. basically. See T2399 for a roughly prioritized list of what still needs to happen. Test Plan: - created a conpherence with myself from my profile - created a conpherence with myself from "new conpherence" - created a conphernece with another from "new conpherence" - created a conpherence with several others - created a conpherence with files in the initial post - verified files via comment text ("{F232} is awesome!") and via traditional attach - edited a conpherence image - verified it showed up in the header and in the conpherence menu on the left - edited a conpherence title - verified it showed up in the header and in the conpherence menu on the right - verified each widget showed up when clicked and displayed the proper data - calendar being an exception since it sucks so hard right now. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, epriestley, chad, codeblock, Korvin Maniphest Tasks: T2301 Differential Revision: https://secure.phabricator.com/D4620
2013-01-25 02:23:05 +01:00
}
.conpherence-message-pane .remarkup-assist-textarea:focus {
outline: none;
}
Revamp .device Conpherence layouts Summary: Greatly improves the text area and cleans up spacing and color issues. Test Plan: test Conpherence at desktop, mobile, tablet break points. Test new flexible layouts. {F372516} Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12431
2015-04-16 18:25:39 +02:00
.device .conpherence-message-pane .aphront-form-control-submit {
padding: 0;
position: absolute;
Refresh Conpherence UI Summary: Cleans up a number of inconsistencies, makes Conpherence lighter, easier to read, make names larger, darker. Test Plan: Review Conpherence chat in Main App, Durable Column, Mobile, Tablet Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16531
2016-09-09 20:08:53 +02:00
top: -2px;
right: 12px;
Update Conpherence Main UI Summary: Uses standard sidenav width, more spacing in labels, added background around textarea, make background work in Firefox. Test Plan: Test Desktop, Mobile, and Tablet break points. Test Firefox and Chrome. {F331201} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11993
2015-03-06 02:09:07 +01:00
}
Conpherence - mobilized Summary: makes conpherence switch to a liquid layout once we go from desktop -> less than that. When we make the switch conpherence updates to show a few more "Widgets" -- the list of conpherences and the current conversation -- and the switcher starts working. As you transition from device to device you are automagically forced to have the "conversation" widget toggled on initial change to smaller than desktop and then file widget once you get back to desktop. Generally looks good when I make my browser small. Does not look as good on iOS simulator - in particular there seems to be a weird visual artifact on the "add people" widget that is present in all tokenizers, and the pontificate UI on mobile could use some work. ref T2399. Test Plan: played in Safari, FF, Chrome and iOS Simulator. The first 3 were all pretty spiffy, and otherwise iOS add people widget was a bit ugly. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, Korvin, AnhNhan Maniphest Tasks: T2399 Differential Revision: https://secure.phabricator.com/D5674
2013-04-16 01:27:41 +02:00
.device .conpherence-message-pane .aphront-form-control-textarea {
float: left;
Revamp .device Conpherence layouts Summary: Greatly improves the text area and cleans up spacing and color issues. Test Plan: test Conpherence at desktop, mobile, tablet break points. Test new flexible layouts. {F372516} Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12431
2015-04-16 18:25:39 +02:00
height: 24px;
Fix text area width on mobile conpherence Summary: I collapsed this into the incorrect rule Test Plan: Test tablet and mobile breakpoints Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12437
2015-04-16 18:43:28 +02:00
width: 100%;
Conpherence - mobilized Summary: makes conpherence switch to a liquid layout once we go from desktop -> less than that. When we make the switch conpherence updates to show a few more "Widgets" -- the list of conpherences and the current conversation -- and the switcher starts working. As you transition from device to device you are automagically forced to have the "conversation" widget toggled on initial change to smaller than desktop and then file widget once you get back to desktop. Generally looks good when I make my browser small. Does not look as good on iOS simulator - in particular there seems to be a weird visual artifact on the "add people" widget that is present in all tokenizers, and the pontificate UI on mobile could use some work. ref T2399. Test Plan: played in Safari, FF, Chrome and iOS Simulator. The first 3 were all pretty spiffy, and otherwise iOS add people widget was a bit ugly. Reviewers: epriestley, chad Reviewed By: epriestley CC: aran, Korvin, AnhNhan Maniphest Tasks: T2399 Differential Revision: https://secure.phabricator.com/D5674
2013-04-16 01:27:41 +02:00
}
Set a max-height on codeblocks in Conpherence Summary: Code blocks in Conpherence can be massive and disruptive to a chat-like experience. This caps the height. Test Plan: Add a ginormous code block to Conpherence, see it hit max-height Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D13790
2015-08-04 21:45:50 +02:00
.conpherence-message .phabricator-remarkup .remarkup-code-block pre {
max-height: 200px;
}
Add a toggle, sticky pref, for Conpherence Widget Pane Summary: This adds a "column" icon into crumbs, like in workboards, for expanding or hiding the "Widget Pane". This is per user sticky and defaults to off. Test Plan: View a Conpherence Room, see no widgets by default. Toggle it on, see widget. Reload page, see widget stick. Verify mobile, tablets ignore hiding. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T10364 Differential Revision: https://secure.phabricator.com/D16533
2016-09-13 01:20:21 +02:00
Group similar transaction comments in Conpherence Summary: Adds a CSS class if comments come in from the same user in the past 2 minutes for cleaner UI. Note will have to find some better display UI when comment editing comes. Test Plan: Test lots of random Conpherence messages with different transactions, different people, and quick commenting. Reviewers: scp, epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16632
2016-09-29 21:19:45 +02:00
.conpherence-transaction-collapsed .conpherence-transaction-image,
.conpherence-transaction-collapsed .conpherence-transaction-header {
display: none;
}
.conpherence-message-pane
.conpherence-transaction-collapsed.conpherence-transaction-view {
margin-top: 0;
margin-bottom: 0;
}
Copy permalink