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

346 lines
7.4 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;
Update Conpherence full for common colors / styles Summary: Conpherence Full modernize pass, setting standard space and colors on all widget panels. Moved menu back to 240px as the narrow column wasn't really usefull. Removed 'subtitle' on menu, seems simpler but almost under-designed. Subtitle isn't particularly useful and I plan on adding audience icons next (single, group, project, public) so I think this is the right direction. Test Plan: Tested with and without number columns on the menu, test with files, calendar dates, removing participants. {F337941} {F337942} {F337943} Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12078
2015-03-17 22:01:45 +01:00
left: 241px;
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 - kill the image-based header UI Summary: removes the whole custom image thing, instead using a more standard application crumbs. Gives this glorious space back to the compose area which is now tens of pixels taller. Also defaults it to the people widget. Basically, fixes T3160. For now, you **CAN NOT** edit the title of a conpherence. I didn't want to jam in too much here. Next diff will be to change the widget icons into the dropdown switcher, which will also bring back the editing of titles. Test Plan: looked at conpherence and it was pretty. Resized it vigorously and it wasn't too bad. Reviewers: epriestley Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T3160 Differential Revision: https://secure.phabricator.com/D5998
2013-05-23 01:05:47 +02:00
top: 76px;
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%;
}
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-layout .conpherence-no-threads {
text-align: center;
}
.conpherence-layout .conpherence-no-threads .text {
margin: 16px 0px 16px 0px;
}
Redesign Crumbs Summary: Slimmer crumbs, less complex, no sprites, less visual disruption. Test Plan: Test Conpherence, Objects, Application Search pages. {F275026} {F275027} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11486
2015-01-26 17:27:54 +01:00
.conpherence-layout .phui-crumbs-view {
padding: 0 0 0 8px;
[Redesign] New Sidenav, Homenav, ConpherenceNav, IconNav Summary: Very quick pass at cleaner sidenavs, filterviews. Test Plan: look at lots of pages, still roughing out design. {F395931} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12762
2015-05-08 01:34:29 +02:00
background: #f7f7f7;
Redesign Crumbs Summary: Slimmer crumbs, less complex, no sprites, less visual disruption. Test Plan: Test Conpherence, Objects, Application Search pages. {F275026} {F275027} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11486
2015-01-26 17:27:54 +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 {
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;
Update Conpherence full for common colors / styles Summary: Conpherence Full modernize pass, setting standard space and colors on all widget panels. Moved menu back to 240px as the narrow column wasn't really usefull. Removed 'subtitle' on menu, seems simpler but almost under-designed. Subtitle isn't particularly useful and I plan on adding audience icons next (single, group, project, public) so I think this is the right direction. Test Plan: Tested with and without number columns on the menu, test with files, calendar dates, removing participants. {F337941} {F337942} {F337943} Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12078
2015-03-17 22:01:45 +01:00
left: 241px;
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 - kill the image-based header UI Summary: removes the whole custom image thing, instead using a more standard application crumbs. Gives this glorious space back to the compose area which is now tens of pixels taller. Also defaults it to the people widget. Basically, fixes T3160. For now, you **CAN NOT** edit the title of a conpherence. I didn't want to jam in too much here. Next diff will be to change the widget icons into the dropdown switcher, which will also bring back the editing of titles. Test Plan: looked at conpherence and it was pretty. Resized it vigorously and it wasn't too bad. Reviewers: epriestley Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T3160 Differential Revision: https://secure.phabricator.com/D5998
2013-05-23 01:05:47 +02:00
top: 76px;
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
bottom: 172px;
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
}
Move setup issue callout to under the header Summary: Fixes T7830. Moves the callout to sit under the main header, which resolved Differential issues and Durable Column issues, but still some extra CSS shenanigans. Test Plan: Test lots of pages, Home, Dashboards, Conpherence, Durable Column, Inline Diff Replies, Mobile, Workboards, etc. {F375821} {F375822} {F375823} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T7830 Differential Revision: https://secure.phabricator.com/D12466
2015-04-19 16:15:59 +02:00
.page-has-warning .conpherence-message-pane .conpherence-messages {
top: 110px;
}
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;
}
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:last-child,
.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;
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
bottom: 52px;
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;
}
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 .messages-loading-mask {
Make Conpherence loading an opacity change. Summary: Fixes T3295 Test Plan: Tested loading new messages, pontificating. Reviewers: epriestley, btrahan Reviewed By: btrahan CC: aran, Korvin Maniphest Tasks: T3295 Differential Revision: https://secure.phabricator.com/D6097
2013-05-31 20:31:19 +02:00
opacity: .6;
background: #fff;
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
display: none;
}
Make Conpherence loading an opacity change. Summary: Fixes T3295 Test Plan: Tested loading new messages, pontificating. Reviewers: epriestley, btrahan Reviewed By: btrahan CC: aran, Korvin Maniphest Tasks: T3295 Differential Revision: https://secure.phabricator.com/D6097
2013-05-31 20:31:19 +02:00
.loading .messages-loading-mask {
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
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
.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;
Fix spacing, color in Conpherence Pontificate button Summary: Spacing got broken during forms update. Test Plan: View Conpherence Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6863
2013-09-02 21:51:21 +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
height: 156px;
padding: 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
position: fixed;
bottom: 0;
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
border-top: 1px solid {$thinblueborder};
Update Conpherence full for common colors / styles Summary: Conpherence Full modernize pass, setting standard space and colors on all widget panels. Moved menu back to 240px as the narrow column wasn't really usefull. Removed 'subtitle' on menu, seems simpler but almost under-designed. Subtitle isn't particularly useful and I plan on adding audience icons next (single, group, project, public) so I think this is the right direction. Test Plan: Tested with and without number columns on the menu, test with files, calendar dates, removing participants. {F337941} {F337942} {F337943} Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12078
2015-03-17 22:01:45 +01:00
left: 241px;
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
}
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
.conpherence-message-pane .phui-form-view.login-to-participate {
height: 28px;
}
.conpherence-message-pane .login-to-participate a.button {
float: right;
}
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;
}
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 {
border-color: {$lightblueborder};
}
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 {
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
}
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;
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
margin: 4px 12px;
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 {
display: none;
}
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 {
margin: 0;
}
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;
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: 20px 12px 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;
font-size: 13px;
padding: 0px 4px;
}
.device .conpherence-message-pane .conpherence-transaction-view.date-marker
.date {
color: {$lightbluetext};
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};
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
font-size: 13px;
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;
}
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
}
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-info {
display: none;
}
.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 {
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
color: {$lightbluetext};
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;
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
font-size: 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
}
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 {
float: right;
}
.conpherence-message-pane .conpherence-transaction-header,
.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,
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 {
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
background: none;
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: 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 - 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 {
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: 100px;
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
padding: 6px;
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
border-color: {$lightblueborder};
border-top-color: {$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;
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;
padding: 8px 68px 8px 8px;
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;
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;
top: 7px;
right: 13px;
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
}
Copy permalink