wikimedia/mediawiki-extensions-VisualEditor
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor synced 2024-11-15 18:39:52 +00:00
Code Issues Packages Projects Releases Wiki Activity
mediawiki-extensions-Visual.../modules/ve/ui/styles/ve.ui.Inspector.css

157 lines
2.6 KiB
CSS
Raw Normal View History

Changed to use MIT license per agreement with the VisualEditor team This license change is aimed at maximizing the reusability of this code in other projects. VisualEditor is more than just an awesome editor for MediaWiki, it's the new editor for the entire internet. Added license and author files, plus mentions of the license to all VisualEditor PHP, JavaScript and CSS files. Parser files have not been modified but are effectively re-licensed since there's no overriding license information. 3rd party libraries are not changed, but are all already MIT licensed. Change-Id: I895b256325db7c8689756edab34523de4418b0f2
2012-07-19 00:11:26 +00:00
/**
* VisualEditor user interface Inspector styles.
Removed some whitespace And added a license to some files that didn't have it yet Change-Id: I3a7e60374d1198d369a0475b8f65f7415012a337
2012-07-19 21:25:16 +00:00
*
Changed to use MIT license per agreement with the VisualEditor team This license change is aimed at maximizing the reusability of this code in other projects. VisualEditor is more than just an awesome editor for MediaWiki, it's the new editor for the entire internet. Added license and author files, plus mentions of the license to all VisualEditor PHP, JavaScript and CSS files. Parser files have not been modified but are effectively re-licensed since there's no overriding license information. 3rd party libraries are not changed, but are all already MIT licensed. Change-Id: I895b256325db7c8689756edab34523de4418b0f2
2012-07-19 00:11:26 +00:00
* @copyright 2011-2012 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
Finally getting rid of all the es-* stuff and other cruft * Switched a lot of classes from es-* to ve-ui-* * Removed all the DOM structure left over from the old sandbox demo * Got rid of transparent backgrounds * Added menu font-size rule to stand-alone target * Moved some rules around that were in the wrong places * Got rid of some unused/unneeded methods in the mw target (attach and detach surface methods) * Added active class to context icon with shallower shadow effect so it doesn't break your spacial perception when you click on it * Renamed the iframe and iframe wrapper elements so it's easier to see where they came from * Removed unused CSS rules * Fixed some uses of prop( 'class', … ) to addClass Change-Id: I54a660ca0baf0baa4463faca7a1edcf648130b6b
2012-08-27 21:34:08 +00:00
.ve-ui-inspector {
Move ve2/ back to ve/ Change-Id: Ie51d8e48171fb1f84045d1560ee603cee62b91f6
2012-06-20 01:20:28 +00:00
font-family: sans-serif;
Added es.Inspector and es.LinkInspector - and a whole bunch of other changes (some are hacks) to get a link inspector working nicely
2011-12-09 01:28:44 +00:00
position: absolute;
padding: 0.75em;
padding-top: 2.5em;
min-width: 15em;
z-index: 3;
}
Finally getting rid of all the es-* stuff and other cruft * Switched a lot of classes from es-* to ve-ui-* * Removed all the DOM structure left over from the old sandbox demo * Got rid of transparent backgrounds * Added menu font-size rule to stand-alone target * Moved some rules around that were in the wrong places * Got rid of some unused/unneeded methods in the mw target (attach and detach surface methods) * Added active class to context icon with shallower shadow effect so it doesn't break your spacial perception when you click on it * Renamed the iframe and iframe wrapper elements so it's easier to see where they came from * Removed unused CSS rules * Fixed some uses of prop( 'class', … ) to addClass Change-Id: I54a660ca0baf0baa4463faca7a1edcf648130b6b
2012-08-27 21:34:08 +00:00
.ve-ui-inspector-button {
Added es.Inspector and es.LinkInspector - and a whole bunch of other changes (some are hacks) to get a link inspector working nicely
2011-12-09 01:28:44 +00:00
position: absolute;
UI context reorganization, inspector rewrite, iframe refactor, icon generalization * Only show the inspector if the selected text has an inspectable annotation * Replace the inline menu with a toolbar containing inspectable annotations * Change the appearance of the inspector to match new mockups * Add the trash can icon for removing annotations * Move iframe handling code into a class that manages all that nonsense Change-Id: I840f72426f9a9e50054a28de950393f0e9913153
2012-10-24 22:20:41 +00:00
top: 0.5em;
width: 1.5em;
height: 1.5em;
Added es.Inspector and es.LinkInspector - and a whole bunch of other changes (some are hacks) to get a link inspector working nicely
2011-12-09 01:28:44 +00:00
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
UI context reorganization, inspector rewrite, iframe refactor, icon generalization * Only show the inspector if the selected text has an inspectable annotation * Replace the inline menu with a toolbar containing inspectable annotations * Change the appearance of the inspector to match new mockups * Add the trash can icon for removing annotations * Move iframe handling code into a class that manages all that nonsense Change-Id: I840f72426f9a9e50054a28de950393f0e9913153
2012-10-24 22:20:41 +00:00
filter: alpha(opacity=8);
opacity: 0.8;
Added es.Inspector and es.LinkInspector - and a whole bunch of other changes (some are hacks) to get a link inspector working nicely
2011-12-09 01:28:44 +00:00
}
Finally getting rid of all the es-* stuff and other cruft * Switched a lot of classes from es-* to ve-ui-* * Removed all the DOM structure left over from the old sandbox demo * Got rid of transparent backgrounds * Added menu font-size rule to stand-alone target * Moved some rules around that were in the wrong places * Got rid of some unused/unneeded methods in the mw target (attach and detach surface methods) * Added active class to context icon with shallower shadow effect so it doesn't break your spacial perception when you click on it * Renamed the iframe and iframe wrapper elements so it's easier to see where they came from * Removed unused CSS rules * Fixed some uses of prop( 'class', … ) to addClass Change-Id: I54a660ca0baf0baa4463faca7a1edcf648130b6b
2012-08-27 21:34:08 +00:00
.ve-ui-inspector-button:hover {
Kranitor #3: jQuerlyfornication ft. The Cascaders * Classicifation (JS) Use addClass instead of attr( 'class' ) whenever possible. addClass will manipulate the properties directly instead of (re-)setting an attribute which (most) browsers then sync with the properties. Difference between: elem.className and elem.setAttribute( 'class', .. ); Just like .checked, .value, .disabled and other interactive properties, the HTML attributes should only be used for initial values from the html document. When in javascript, only set properties. Attributes are either ignored or slow. * Styling (JS) Use .css() instead of attr( 'style' ). Again, setting properties instead of attributes is much faster, easier and safer. And this way it takes care of cross-browser issues where applicable, and less prone to error due to dealing with key-value pairs instead of css strings. Difference between: elem.style.foo = 'bar'; and elem.setAttribute( 'style', 'foo: bar;' ); * Finding (JS) Use .find( 'foo bar' ) instead of .find( 'foo' ).find( 'bar' ). It is CSS! * Vendor prefixes (CSS) It is important to always list newer (standards-compliant) versions *after* the older/prefixed variants. See also http://css-tricks.com/ordering-css3-properties/ So the following three: -webkit-gradient (Chrome, Safari 4) -webkit-linear-gradient (Chrome 10, Safari 5+) linear-gradient (CSS3 standard) ... must be in that order. Notes: - "-moz-opacity" is from before Mozilla 1.7 (Firefox < 0.8) Has not been renamed to "opacity" since Firefox 0.9. - Removed redundant "-moz-opacity" - Added "filter: alpha(opacity=**);" where missing - Fixed order of css3 properties (old to new) - Add standardized css3 versions where missing (some 'border-radius' groups didn't have the non-prefixed version) - Spacing - @embed - Shorten hex colors where possible (#dddddd -> #ddd) $ ack '#([0-9a-f])\1{5}' --css $ ack '#([0-9a-f])\1{2};' --css Change-Id: I386fedb9058c2567fd0af5f55291e9859a53329d
2012-07-28 19:15:23 +00:00
filter: alpha(opacity=100);
Added accept button Made close button not save
2011-12-09 23:04:55 +00:00
opacity: 1;
}
Finally getting rid of all the es-* stuff and other cruft * Switched a lot of classes from es-* to ve-ui-* * Removed all the DOM structure left over from the old sandbox demo * Got rid of transparent backgrounds * Added menu font-size rule to stand-alone target * Moved some rules around that were in the wrong places * Got rid of some unused/unneeded methods in the mw target (attach and detach surface methods) * Added active class to context icon with shallower shadow effect so it doesn't break your spacial perception when you click on it * Renamed the iframe and iframe wrapper elements so it's easier to see where they came from * Removed unused CSS rules * Fixed some uses of prop( 'class', … ) to addClass Change-Id: I54a660ca0baf0baa4463faca7a1edcf648130b6b
2012-08-27 21:34:08 +00:00
.ve-ui-inspector-closeButton {
UI context reorganization, inspector rewrite, iframe refactor, icon generalization * Only show the inspector if the selected text has an inspectable annotation * Replace the inline menu with a toolbar containing inspectable annotations * Change the appearance of the inspector to match new mockups * Add the trash can icon for removing annotations * Move iframe handling code into a class that manages all that nonsense Change-Id: I840f72426f9a9e50054a28de950393f0e9913153
2012-10-24 22:20:41 +00:00
left: 0.5em;
Improved icons * Moved icons into Illustrator (used to be in Photoshop) * Added SVG icons too * Added support for devices with pixel ratio > 1 (they use SVG) * Cleaned up icons (little rendering errors here and there) * Organized icons into their own folder * Increased the horizontal margin of the down arrows in the formatting (in the toolbar) and location (in the link inspector) drop down menus Change-Id: I29b7084c9b1145051b2a76f514cfca9826d53ddb
2012-08-30 20:04:22 +00:00
/* @see ve.ui.Icons */
Added es.Inspector and es.LinkInspector - and a whole bunch of other changes (some are hacks) to get a link inspector working nicely
2011-12-09 01:28:44 +00:00
}
The great inspector and context rewrite of 2012 ve.AnnotationAction * Added filter to the clearAll method to allow clearing all matching annotations only ve.dm.Document * Some variable renaming for consistency ve.dm.SurfaceFragment * Added truncateRange method * Added annotation scope to expandRange method * Added support for passing an annotation object into annotateContent method * Switched to using name instead of type in annotateContent method to match the ve.dm.Annotation class * Fixed logic in annotation mode of expandSelection so that expansion only takes place if the annotation is found ve.ui.LinkInspector * Moved most of the functionality elsewhere * General reorganization * Changed setOverlayPosition to accept 2 arguments instead of an object with 2 properties and renamed it to positionOverlayBelow * Check for annotation object before extracting target information from it * Initialize default target as empty string to avoid undefined being cast to a string and the default target becoming 'undefined' icons.ai, inspector.png, inspector.svg * Added generic inspector icon which will be used when a custom icon is not specified in future inspector subclasses ve.ui.Inspector.Icons * Added inspector icon * Renamed clear icon to remove to match it's actual image ve.ui.Context * Greatly simplified the interface, reducing the number of methods by inlining a few things and combining others * Now always listening to resize events on the window rather than only while document is focused * Not listening to scroll events anymore, they used to affect the top/bottom positioning of the menu which we don't do anymore * Lots of cleanup and reorganization * No need to fallback to empty array since getInspectorsForAnnotations does so already * Only consider fully-covered annotations for inspectors ve.ui.Frame * Simplified the constructor by introducing the createFrame method * General cleanup * Typo fixes ve.ui.Inspector * Generalized lots of functionality previously located in the link inspector class which will be useful to all inspectors (such as title, clear button, saving changes, etc.) * Added setDisabled and isDisabled methods to manage CSS changes and avoid needing to check the CSS to determine the state of the inspector (storing state in the view is evil) * Added getMatchingAnnotations method for convenience * Added prepareSelection stub * Lots of cleanup and documentation * Type pattern is now defined in base class * Added stubs for onOpen and onClose with documentation so that subclass authors know what these methods do * Removed checks for onOpen or onClose methods since they are now noop stubs and are always there * Added stub and removed checks for onRemove * Made esc key close and accept - the illusion is supposed to be that the link changes are applied instantly, even though they are only updated when you close, so all closing except for when removing should apply changes - i.e. esc is now equal to back rather than being a special function that doesn't have an associated affordance * Only consider fully-covered annotations when getting matching annotations ve.ui.InspectorFactory * Depending on type pattern now since it's always there * Added getInspectorsForAnnotations method * Return empty array if annotation set is empty VisualEditor, VisualEditor.i18n * Added default inspector message Change-Id: I1cc008445bcbc8cba6754ca4b6ac0397575980d5
2012-11-16 20:40:05 +00:00
.ve-ui-inspector-titleIcon {
UI context reorganization, inspector rewrite, iframe refactor, icon generalization * Only show the inspector if the selected text has an inspectable annotation * Replace the inline menu with a toolbar containing inspectable annotations * Change the appearance of the inspector to match new mockups * Add the trash can icon for removing annotations * Move iframe handling code into a class that manages all that nonsense Change-Id: I840f72426f9a9e50054a28de950393f0e9913153
2012-10-24 22:20:41 +00:00
position: absolute;
left: 2.25em;
top: 0.5em;
width: 2em;
height: 1.5em;
background-position: right center;
background-repeat: no-repeat;
border-left: solid 1px #eee;
filter: alpha(opacity=8);
opacity: 0.8;
Added es.Inspector and es.LinkInspector - and a whole bunch of other changes (some are hacks) to get a link inspector working nicely
2011-12-09 01:28:44 +00:00
}
The great inspector and context rewrite of 2012 ve.AnnotationAction * Added filter to the clearAll method to allow clearing all matching annotations only ve.dm.Document * Some variable renaming for consistency ve.dm.SurfaceFragment * Added truncateRange method * Added annotation scope to expandRange method * Added support for passing an annotation object into annotateContent method * Switched to using name instead of type in annotateContent method to match the ve.dm.Annotation class * Fixed logic in annotation mode of expandSelection so that expansion only takes place if the annotation is found ve.ui.LinkInspector * Moved most of the functionality elsewhere * General reorganization * Changed setOverlayPosition to accept 2 arguments instead of an object with 2 properties and renamed it to positionOverlayBelow * Check for annotation object before extracting target information from it * Initialize default target as empty string to avoid undefined being cast to a string and the default target becoming 'undefined' icons.ai, inspector.png, inspector.svg * Added generic inspector icon which will be used when a custom icon is not specified in future inspector subclasses ve.ui.Inspector.Icons * Added inspector icon * Renamed clear icon to remove to match it's actual image ve.ui.Context * Greatly simplified the interface, reducing the number of methods by inlining a few things and combining others * Now always listening to resize events on the window rather than only while document is focused * Not listening to scroll events anymore, they used to affect the top/bottom positioning of the menu which we don't do anymore * Lots of cleanup and reorganization * No need to fallback to empty array since getInspectorsForAnnotations does so already * Only consider fully-covered annotations for inspectors ve.ui.Frame * Simplified the constructor by introducing the createFrame method * General cleanup * Typo fixes ve.ui.Inspector * Generalized lots of functionality previously located in the link inspector class which will be useful to all inspectors (such as title, clear button, saving changes, etc.) * Added setDisabled and isDisabled methods to manage CSS changes and avoid needing to check the CSS to determine the state of the inspector (storing state in the view is evil) * Added getMatchingAnnotations method for convenience * Added prepareSelection stub * Lots of cleanup and documentation * Type pattern is now defined in base class * Added stubs for onOpen and onClose with documentation so that subclass authors know what these methods do * Removed checks for onOpen or onClose methods since they are now noop stubs and are always there * Added stub and removed checks for onRemove * Made esc key close and accept - the illusion is supposed to be that the link changes are applied instantly, even though they are only updated when you close, so all closing except for when removing should apply changes - i.e. esc is now equal to back rather than being a special function that doesn't have an associated affordance * Only consider fully-covered annotations when getting matching annotations ve.ui.InspectorFactory * Depending on type pattern now since it's always there * Added getInspectorsForAnnotations method * Return empty array if annotation set is empty VisualEditor, VisualEditor.i18n * Added default inspector message Change-Id: I1cc008445bcbc8cba6754ca4b6ac0397575980d5
2012-11-16 20:40:05 +00:00
.ve-ui-inspector-removeButton {
UI context reorganization, inspector rewrite, iframe refactor, icon generalization * Only show the inspector if the selected text has an inspectable annotation * Replace the inline menu with a toolbar containing inspectable annotations * Change the appearance of the inspector to match new mockups * Add the trash can icon for removing annotations * Move iframe handling code into a class that manages all that nonsense Change-Id: I840f72426f9a9e50054a28de950393f0e9913153
2012-10-24 22:20:41 +00:00
right: 0.25em;
Improved icons * Moved icons into Illustrator (used to be in Photoshop) * Added SVG icons too * Added support for devices with pixel ratio > 1 (they use SVG) * Cleaned up icons (little rendering errors here and there) * Organized icons into their own folder * Increased the horizontal margin of the down arrows in the formatting (in the toolbar) and location (in the link inspector) drop down menus Change-Id: I29b7084c9b1145051b2a76f514cfca9826d53ddb
2012-08-30 20:04:22 +00:00
/* @see ve.ui.Icons */
Added es.Inspector and es.LinkInspector - and a whole bunch of other changes (some are hacks) to get a link inspector working nicely
2011-12-09 01:28:44 +00:00
}
Finally getting rid of all the es-* stuff and other cruft * Switched a lot of classes from es-* to ve-ui-* * Removed all the DOM structure left over from the old sandbox demo * Got rid of transparent backgrounds * Added menu font-size rule to stand-alone target * Moved some rules around that were in the wrong places * Got rid of some unused/unneeded methods in the mw target (attach and detach surface methods) * Added active class to context icon with shallower shadow effect so it doesn't break your spacial perception when you click on it * Renamed the iframe and iframe wrapper elements so it's easier to see where they came from * Removed unused CSS rules * Fixed some uses of prop( 'class', … ) to addClass Change-Id: I54a660ca0baf0baa4463faca7a1edcf648130b6b
2012-08-27 21:34:08 +00:00
.ve-ui-inspector form {
Added es.Inspector and es.LinkInspector - and a whole bunch of other changes (some are hacks) to get a link inspector working nicely
2011-12-09 01:28:44 +00:00
margin: 0;
UI context reorganization, inspector rewrite, iframe refactor, icon generalization * Only show the inspector if the selected text has an inspectable annotation * Replace the inline menu with a toolbar containing inspectable annotations * Change the appearance of the inspector to match new mockups * Add the trash can icon for removing annotations * Move iframe handling code into a class that manages all that nonsense Change-Id: I840f72426f9a9e50054a28de950393f0e9913153
2012-10-24 22:20:41 +00:00
padding: 0;
Added es.Inspector and es.LinkInspector - and a whole bunch of other changes (some are hacks) to get a link inspector working nicely
2011-12-09 01:28:44 +00:00
white-space: nowrap;
Some basic link inspector style changes Some of the HTML structure in the suggestions might need to be changed to pull off pixel-perfect reproduction of the original design, but this gets us very close. Change-Id: Ie574577af4815e4f0fc9f8a03e57759dd9dfff84
2012-08-20 19:32:42 +00:00
font-size: 0.8em;
Added es.Inspector and es.LinkInspector - and a whole bunch of other changes (some are hacks) to get a link inspector working nicely
2011-12-09 01:28:44 +00:00
}
Finally getting rid of all the es-* stuff and other cruft * Switched a lot of classes from es-* to ve-ui-* * Removed all the DOM structure left over from the old sandbox demo * Got rid of transparent backgrounds * Added menu font-size rule to stand-alone target * Moved some rules around that were in the wrong places * Got rid of some unused/unneeded methods in the mw target (attach and detach surface methods) * Added active class to context icon with shallower shadow effect so it doesn't break your spacial perception when you click on it * Renamed the iframe and iframe wrapper elements so it's easier to see where they came from * Removed unused CSS rules * Fixed some uses of prop( 'class', … ) to addClass Change-Id: I54a660ca0baf0baa4463faca7a1edcf648130b6b
2012-08-27 21:34:08 +00:00
.ve-ui-inspector form input {
Added es.Inspector and es.LinkInspector - and a whole bunch of other changes (some are hacks) to get a link inspector working nicely
2011-12-09 01:28:44 +00:00
display: inline-block;
Added MW page suggestion functionality. Created jQuery plugin MultiSuggest which builds a categorized dropdown under specified input box. Revised inspector to no longer be an iframe but to contain an Iframe. This reduces xbrowser issues with positioning and toggling inspector container. Added Inspector overlay element for positioning arbitrary elements over the iFrame. This prevents growing the iframe to arbitrary lenghts. Change-Id: I8efbbd091b0b24a19a4b73aa122d21a329cf97e4
2012-08-15 18:26:11 +00:00
width: 20em;
Added es.Inspector and es.LinkInspector - and a whole bunch of other changes (some are hacks) to get a link inspector working nicely
2011-12-09 01:28:44 +00:00
font-size: 1em;
Some basic link inspector style changes Some of the HTML structure in the suggestions might need to be changed to pull off pixel-perfect reproduction of the original design, but this gets us very close. Change-Id: Ie574577af4815e4f0fc9f8a03e57759dd9dfff84
2012-08-20 19:32:42 +00:00
font-family: sans-serif;
background-color: #fff;
The great inspector and context rewrite of 2012 ve.AnnotationAction * Added filter to the clearAll method to allow clearing all matching annotations only ve.dm.Document * Some variable renaming for consistency ve.dm.SurfaceFragment * Added truncateRange method * Added annotation scope to expandRange method * Added support for passing an annotation object into annotateContent method * Switched to using name instead of type in annotateContent method to match the ve.dm.Annotation class * Fixed logic in annotation mode of expandSelection so that expansion only takes place if the annotation is found ve.ui.LinkInspector * Moved most of the functionality elsewhere * General reorganization * Changed setOverlayPosition to accept 2 arguments instead of an object with 2 properties and renamed it to positionOverlayBelow * Check for annotation object before extracting target information from it * Initialize default target as empty string to avoid undefined being cast to a string and the default target becoming 'undefined' icons.ai, inspector.png, inspector.svg * Added generic inspector icon which will be used when a custom icon is not specified in future inspector subclasses ve.ui.Inspector.Icons * Added inspector icon * Renamed clear icon to remove to match it's actual image ve.ui.Context * Greatly simplified the interface, reducing the number of methods by inlining a few things and combining others * Now always listening to resize events on the window rather than only while document is focused * Not listening to scroll events anymore, they used to affect the top/bottom positioning of the menu which we don't do anymore * Lots of cleanup and reorganization * No need to fallback to empty array since getInspectorsForAnnotations does so already * Only consider fully-covered annotations for inspectors ve.ui.Frame * Simplified the constructor by introducing the createFrame method * General cleanup * Typo fixes ve.ui.Inspector * Generalized lots of functionality previously located in the link inspector class which will be useful to all inspectors (such as title, clear button, saving changes, etc.) * Added setDisabled and isDisabled methods to manage CSS changes and avoid needing to check the CSS to determine the state of the inspector (storing state in the view is evil) * Added getMatchingAnnotations method for convenience * Added prepareSelection stub * Lots of cleanup and documentation * Type pattern is now defined in base class * Added stubs for onOpen and onClose with documentation so that subclass authors know what these methods do * Removed checks for onOpen or onClose methods since they are now noop stubs and are always there * Added stub and removed checks for onRemove * Made esc key close and accept - the illusion is supposed to be that the link changes are applied instantly, even though they are only updated when you close, so all closing except for when removing should apply changes - i.e. esc is now equal to back rather than being a special function that doesn't have an associated affordance * Only consider fully-covered annotations when getting matching annotations ve.ui.InspectorFactory * Depending on type pattern now since it's always there * Added getInspectorsForAnnotations method * Return empty array if annotation set is empty VisualEditor, VisualEditor.i18n * Added default inspector message Change-Id: I1cc008445bcbc8cba6754ca4b6ac0397575980d5
2012-11-16 20:40:05 +00:00
border: solid 1px #ccc;
Some basic link inspector style changes Some of the HTML structure in the suggestions might need to be changed to pull off pixel-perfect reproduction of the original design, but this gets us very close. Change-Id: Ie574577af4815e4f0fc9f8a03e57759dd9dfff84
2012-08-20 19:32:42 +00:00
padding: 0.5em;
border-radius: 0.25em;
}
Finally getting rid of all the es-* stuff and other cruft * Switched a lot of classes from es-* to ve-ui-* * Removed all the DOM structure left over from the old sandbox demo * Got rid of transparent backgrounds * Added menu font-size rule to stand-alone target * Moved some rules around that were in the wrong places * Got rid of some unused/unneeded methods in the mw target (attach and detach surface methods) * Added active class to context icon with shallower shadow effect so it doesn't break your spacial perception when you click on it * Renamed the iframe and iframe wrapper elements so it's easier to see where they came from * Removed unused CSS rules * Fixed some uses of prop( 'class', … ) to addClass Change-Id: I54a660ca0baf0baa4463faca7a1edcf648130b6b
2012-08-27 21:34:08 +00:00
.ve-ui-inspector form input:focus {
Some basic link inspector style changes Some of the HTML structure in the suggestions might need to be changed to pull off pixel-perfect reproduction of the original design, but this gets us very close. Change-Id: Ie574577af4815e4f0fc9f8a03e57759dd9dfff84
2012-08-20 19:32:42 +00:00
outline: none;
}
Center Ellpisis for long page titles. Misc positioning fixes. MultiSuggest: Added CSS Ellipsis config option which provides CSS to suggestion items. LinkInspector: -Configured multiSuggest for page suggestions with CSS ellipsis off and removed CSS definitions. Instead, using jquery.autoEllpisis plugin for centered position ellipsis. (Bug 39591) -Temporary tweak to link input padding to prevent text from overlapping down arrow. Down arrow soon to be implemented differently. RTL Fixes: -MultiSuggest overlay positions correctly by setting a width. -MultiSuggest background image position fix. Change-Id: I806ead5a2c2621589f76cfb2b03805cbd0b0a18a
2012-08-31 20:46:03 +00:00
.ve-ui-inspector form input.ve-ui-linkInspector-location {
Improved icons * Moved icons into Illustrator (used to be in Photoshop) * Added SVG icons too * Added support for devices with pixel ratio > 1 (they use SVG) * Cleaned up icons (little rendering errors here and there) * Organized icons into their own folder * Increased the horizontal margin of the down arrows in the formatting (in the toolbar) and location (in the link inspector) drop down menus Change-Id: I29b7084c9b1145051b2a76f514cfca9826d53ddb
2012-08-30 20:04:22 +00:00
/* @see ve.ui.Icons */
Center Ellpisis for long page titles. Misc positioning fixes. MultiSuggest: Added CSS Ellipsis config option which provides CSS to suggestion items. LinkInspector: -Configured multiSuggest for page suggestions with CSS ellipsis off and removed CSS definitions. Instead, using jquery.autoEllpisis plugin for centered position ellipsis. (Bug 39591) -Temporary tweak to link input padding to prevent text from overlapping down arrow. Down arrow soon to be implemented differently. RTL Fixes: -MultiSuggest overlay positions correctly by setting a width. -MultiSuggest background image position fix. Change-Id: I806ead5a2c2621589f76cfb2b03805cbd0b0a18a
2012-08-31 20:46:03 +00:00
background-position: 18.75em center;
Some basic link inspector style changes Some of the HTML structure in the suggestions might need to be changed to pull off pixel-perfect reproduction of the original design, but this gets us very close. Change-Id: Ie574577af4815e4f0fc9f8a03e57759dd9dfff84
2012-08-20 19:32:42 +00:00
background-repeat: no-repeat;
Center Ellpisis for long page titles. Misc positioning fixes. MultiSuggest: Added CSS Ellipsis config option which provides CSS to suggestion items. LinkInspector: -Configured multiSuggest for page suggestions with CSS ellipsis off and removed CSS definitions. Instead, using jquery.autoEllpisis plugin for centered position ellipsis. (Bug 39591) -Temporary tweak to link input padding to prevent text from overlapping down arrow. Down arrow soon to be implemented differently. RTL Fixes: -MultiSuggest overlay positions correctly by setting a width. -MultiSuggest background image position fix. Change-Id: I806ead5a2c2621589f76cfb2b03805cbd0b0a18a
2012-08-31 20:46:03 +00:00
padding-right: 1.5em;
Added es.Inspector and es.LinkInspector - and a whole bunch of other changes (some are hacks) to get a link inspector working nicely
2011-12-09 01:28:44 +00:00
}
Finally getting rid of all the es-* stuff and other cruft * Switched a lot of classes from es-* to ve-ui-* * Removed all the DOM structure left over from the old sandbox demo * Got rid of transparent backgrounds * Added menu font-size rule to stand-alone target * Moved some rules around that were in the wrong places * Got rid of some unused/unneeded methods in the mw target (attach and detach surface methods) * Added active class to context icon with shallower shadow effect so it doesn't break your spacial perception when you click on it * Renamed the iframe and iframe wrapper elements so it's easier to see where they came from * Removed unused CSS rules * Fixed some uses of prop( 'class', … ) to addClass Change-Id: I54a660ca0baf0baa4463faca7a1edcf648130b6b
2012-08-27 21:34:08 +00:00
.ve-ui-inspector-title {
Added es.Inspector and es.LinkInspector - and a whole bunch of other changes (some are hacks) to get a link inspector working nicely
2011-12-09 01:28:44 +00:00
position: absolute;
top: 0;
UI context reorganization, inspector rewrite, iframe refactor, icon generalization * Only show the inspector if the selected text has an inspectable annotation * Replace the inline menu with a toolbar containing inspectable annotations * Change the appearance of the inspector to match new mockups * Add the trash can icon for removing annotations * Move iframe handling code into a class that manages all that nonsense Change-Id: I840f72426f9a9e50054a28de950393f0e9913153
2012-10-24 22:20:41 +00:00
left: 5.125em;
height: 2.8em;
line-height: 2.8em;
color: #333;
font-size: 0.9em;
Added es.Inspector and es.LinkInspector - and a whole bunch of other changes (some are hacks) to get a link inspector working nicely
2011-12-09 01:28:44 +00:00
}
Added MW page suggestion functionality. Created jQuery plugin MultiSuggest which builds a categorized dropdown under specified input box. Revised inspector to no longer be an iframe but to contain an Iframe. This reduces xbrowser issues with positioning and toggling inspector container. Added Inspector overlay element for positioning arbitrary elements over the iFrame. This prevents growing the iframe to arbitrary lenghts. Change-Id: I8efbbd091b0b24a19a4b73aa122d21a329cf97e4
2012-08-15 18:26:11 +00:00
Center Ellpisis for long page titles. Misc positioning fixes. MultiSuggest: Added CSS Ellipsis config option which provides CSS to suggestion items. LinkInspector: -Configured multiSuggest for page suggestions with CSS ellipsis off and removed CSS definitions. Instead, using jquery.autoEllpisis plugin for centered position ellipsis. (Bug 39591) -Temporary tweak to link input padding to prevent text from overlapping down arrow. Down arrow soon to be implemented differently. RTL Fixes: -MultiSuggest overlay positions correctly by setting a width. -MultiSuggest background image position fix. Change-Id: I806ead5a2c2621589f76cfb2b03805cbd0b0a18a
2012-08-31 20:46:03 +00:00
.ve-iframe-overlay {
position: absolute;
top: 0;
}
Added MW page suggestion functionality. Created jQuery plugin MultiSuggest which builds a categorized dropdown under specified input box. Revised inspector to no longer be an iframe but to contain an Iframe. This reduces xbrowser issues with positioning and toggling inspector container. Added Inspector overlay element for positioning arbitrary elements over the iFrame. This prevents growing the iframe to arbitrary lenghts. Change-Id: I8efbbd091b0b24a19a4b73aa122d21a329cf97e4
2012-08-15 18:26:11 +00:00
.ve-ui-suggest-select {
position: absolute;
background: #FFFFFF;
width: 20em;
Some basic link inspector style changes Some of the HTML structure in the suggestions might need to be changed to pull off pixel-perfect reproduction of the original design, but this gets us very close. Change-Id: Ie574577af4815e4f0fc9f8a03e57759dd9dfff84
2012-08-20 19:32:42 +00:00
margin-top: -1px;
font-size: 0.8em;
Added MW page suggestion functionality. Created jQuery plugin MultiSuggest which builds a categorized dropdown under specified input box. Revised inspector to no longer be an iframe but to contain an Iframe. This reduces xbrowser issues with positioning and toggling inspector container. Added Inspector overlay element for positioning arbitrary elements over the iFrame. This prevents growing the iframe to arbitrary lenghts. Change-Id: I8efbbd091b0b24a19a4b73aa122d21a329cf97e4
2012-08-15 18:26:11 +00:00
z-index: 101;
Some basic link inspector style changes Some of the HTML structure in the suggestions might need to be changed to pull off pixel-perfect reproduction of the original design, but this gets us very close. Change-Id: Ie574577af4815e4f0fc9f8a03e57759dd9dfff84
2012-08-20 19:32:42 +00:00
border: solid 1px #ccc;
border-radius: 0 0 0.25em 0.25em;
box-shadow: 0 0.15em 1em 0 rgba(0, 0, 0, 0.2);
Added MW page suggestion functionality. Created jQuery plugin MultiSuggest which builds a categorized dropdown under specified input box. Revised inspector to no longer be an iframe but to contain an Iframe. This reduces xbrowser issues with positioning and toggling inspector container. Added Inspector overlay element for positioning arbitrary elements over the iFrame. This prevents growing the iframe to arbitrary lenghts. Change-Id: I8efbbd091b0b24a19a4b73aa122d21a329cf97e4
2012-08-15 18:26:11 +00:00
}
VE multiSuggest bug fixes. -Using keydown on arrows allows preventDefault which stops the cursor movement in the input. -Consolidated Keydown bindings, no longer unbinding keydown, instead checking for visible state first. -Using case insensitive comparison for selected item. -Changed use of ve.inArray to ve.indexOf because method name was changed. -Moved clear break into suggestion container rather than after it. Added margin bottom on suggestion container for category separation. Change-Id: I2bd1db049a948db189194037dc8e38dfe884c197
2012-08-17 22:13:19 +00:00
Center Ellpisis for long page titles. Misc positioning fixes. MultiSuggest: Added CSS Ellipsis config option which provides CSS to suggestion items. LinkInspector: -Configured multiSuggest for page suggestions with CSS ellipsis off and removed CSS definitions. Instead, using jquery.autoEllpisis plugin for centered position ellipsis. (Bug 39591) -Temporary tweak to link input padding to prevent text from overlapping down arrow. Down arrow soon to be implemented differently. RTL Fixes: -MultiSuggest overlay positions correctly by setting a width. -MultiSuggest background image position fix. Change-Id: I806ead5a2c2621589f76cfb2b03805cbd0b0a18a
2012-08-31 20:46:03 +00:00
/* @noflip */
body.rtl .ve-ui-suggest-select {
background-position: 12em top;
}
VE multiSuggest bug fixes. -Using keydown on arrows allows preventDefault which stops the cursor movement in the input. -Consolidated Keydown bindings, no longer unbinding keydown, instead checking for visible state first. -Using case insensitive comparison for selected item. -Changed use of ve.inArray to ve.indexOf because method name was changed. -Moved clear break into suggestion container rather than after it. Added margin bottom on suggestion container for category separation. Change-Id: I2bd1db049a948db189194037dc8e38dfe884c197
2012-08-17 22:13:19 +00:00
.ve-ui-suggest-container {
Some basic link inspector style changes Some of the HTML structure in the suggestions might need to be changed to pull off pixel-perfect reproduction of the original design, but this gets us very close. Change-Id: Ie574577af4815e4f0fc9f8a03e57759dd9dfff84
2012-08-20 19:32:42 +00:00
margin: 0.5em 0;
VE multiSuggest bug fixes. -Using keydown on arrows allows preventDefault which stops the cursor movement in the input. -Consolidated Keydown bindings, no longer unbinding keydown, instead checking for visible state first. -Using case insensitive comparison for selected item. -Changed use of ve.inArray to ve.indexOf because method name was changed. -Moved clear break into suggestion container rather than after it. Added margin bottom on suggestion container for category separation. Change-Id: I2bd1db049a948db189194037dc8e38dfe884c197
2012-08-17 22:13:19 +00:00
}
Added MW page suggestion functionality. Created jQuery plugin MultiSuggest which builds a categorized dropdown under specified input box. Revised inspector to no longer be an iframe but to contain an Iframe. This reduces xbrowser issues with positioning and toggling inspector container. Added Inspector overlay element for positioning arbitrary elements over the iFrame. This prevents growing the iframe to arbitrary lenghts. Change-Id: I8efbbd091b0b24a19a4b73aa122d21a329cf97e4
2012-08-15 18:26:11 +00:00
.ve-ui-suggest-label {
padding: 0.33em 0.75em;
Some basic link inspector style changes Some of the HTML structure in the suggestions might need to be changed to pull off pixel-perfect reproduction of the original design, but this gets us very close. Change-Id: Ie574577af4815e4f0fc9f8a03e57759dd9dfff84
2012-08-20 19:32:42 +00:00
color: #888;
Added MW page suggestion functionality. Created jQuery plugin MultiSuggest which builds a categorized dropdown under specified input box. Revised inspector to no longer be an iframe but to contain an Iframe. This reduces xbrowser issues with positioning and toggling inspector container. Added Inspector overlay element for positioning arbitrary elements over the iFrame. This prevents growing the iframe to arbitrary lenghts. Change-Id: I8efbbd091b0b24a19a4b73aa122d21a329cf97e4
2012-08-15 18:26:11 +00:00
}
.ve-ui-suggest-dummy-item {
padding: 0.33em 0.75em;
width: 10.5em;
}
.ve-ui-suggest-item {
Restyle suggestion dropdown into a single column. * Permits longer page titles in suggestions without changing the width of the dropdown. * Addresses (Bug 40675) Change-Id: Ie76a551970a040074b86c49bb44bda640ecd4845
2012-11-30 19:08:49 +00:00
padding: 0.33em 1.25em;
Some basic link inspector style changes Some of the HTML structure in the suggestions might need to be changed to pull off pixel-perfect reproduction of the original design, but this gets us very close. Change-Id: Ie574577af4815e4f0fc9f8a03e57759dd9dfff84
2012-08-20 19:32:42 +00:00
cursor: pointer;
Finally getting rid of all the es-* stuff and other cruft * Switched a lot of classes from es-* to ve-ui-* * Removed all the DOM structure left over from the old sandbox demo * Got rid of transparent backgrounds * Added menu font-size rule to stand-alone target * Moved some rules around that were in the wrong places * Got rid of some unused/unneeded methods in the mw target (attach and detach surface methods) * Added active class to context icon with shallower shadow effect so it doesn't break your spacial perception when you click on it * Renamed the iframe and iframe wrapper elements so it's easier to see where they came from * Removed unused CSS rules * Fixed some uses of prop( 'class', … ) to addClass Change-Id: I54a660ca0baf0baa4463faca7a1edcf648130b6b
2012-08-27 21:34:08 +00:00
color: #0645AD;
Added MW page suggestion functionality. Created jQuery plugin MultiSuggest which builds a categorized dropdown under specified input box. Revised inspector to no longer be an iframe but to contain an Iframe. This reduces xbrowser issues with positioning and toggling inspector container. Added Inspector overlay element for positioning arbitrary elements over the iFrame. This prevents growing the iframe to arbitrary lenghts. Change-Id: I8efbbd091b0b24a19a4b73aa122d21a329cf97e4
2012-08-15 18:26:11 +00:00
}
Add hover state to link inspector suggestion items. Addresses (Bug 39977) Change-Id: I159f86b070544f829ff801ac3ab913d36c5a0b30
2012-11-30 20:58:10 +00:00
.ve-ui-suggest-item.hover {
background: #E5F3FF;
}
A bit of cleanup in the inspector and suggestion code * function() -> function () * ){ -> ) { * Quoted JSON keys (Look the other way Timo!) * Using more descriptive group names, which also avoid using "new" as a key * Line breaks at 100 columns using 4 spaces/tab * Not setting classes on suggestion items that have no effect (such as 'external' on a div - even on an <a> tag this isn't enough to get the style because it's not inside #content) Change-Id: I37032fa8ba93adb7b719d9797f9b1b806359cc13
2012-08-27 20:04:04 +00:00
.ve-ui-suggest-item-newPage {
Added MW page suggestion functionality. Created jQuery plugin MultiSuggest which builds a categorized dropdown under specified input box. Revised inspector to no longer be an iframe but to contain an Iframe. This reduces xbrowser issues with positioning and toggling inspector container. Added Inspector overlay element for positioning arbitrary elements over the iFrame. This prevents growing the iframe to arbitrary lenghts. Change-Id: I8efbbd091b0b24a19a4b73aa122d21a329cf97e4
2012-08-15 18:26:11 +00:00
color: #BA0000;
}
Some basic link inspector style changes Some of the HTML structure in the suggestions might need to be changed to pull off pixel-perfect reproduction of the original design, but this gets us very close. Change-Id: Ie574577af4815e4f0fc9f8a03e57759dd9dfff84
2012-08-20 19:32:42 +00:00
A bit of cleanup in the inspector and suggestion code * function() -> function () * ){ -> ) { * Quoted JSON keys (Look the other way Timo!) * Using more descriptive group names, which also avoid using "new" as a key * Line breaks at 100 columns using 4 spaces/tab * Not setting classes on suggestion items that have no effect (such as 'external' on a div - even on an <a> tag this isn't enough to get the style because it's not inside #content) Change-Id: I37032fa8ba93adb7b719d9797f9b1b806359cc13
2012-08-27 20:04:04 +00:00
.ve-ui-suggest-item-externalLink,
.ve-ui-suggest-item-existingPage {
Some basic link inspector style changes Some of the HTML structure in the suggestions might need to be changed to pull off pixel-perfect reproduction of the original design, but this gets us very close. Change-Id: Ie574577af4815e4f0fc9f8a03e57759dd9dfff84
2012-08-20 19:32:42 +00:00
color: #0645AD;
Added MW page suggestion functionality. Created jQuery plugin MultiSuggest which builds a categorized dropdown under specified input box. Revised inspector to no longer be an iframe but to contain an Iframe. This reduces xbrowser issues with positioning and toggling inspector container. Added Inspector overlay element for positioning arbitrary elements over the iFrame. This prevents growing the iframe to arbitrary lenghts. Change-Id: I8efbbd091b0b24a19a4b73aa122d21a329cf97e4
2012-08-15 18:26:11 +00:00
}
.ve-ui-suggest-item.selected {
Some basic link inspector style changes Some of the HTML structure in the suggestions might need to be changed to pull off pixel-perfect reproduction of the original design, but this gets us very close. Change-Id: Ie574577af4815e4f0fc9f8a03e57759dd9dfff84
2012-08-20 19:32:42 +00:00
background-color: #b3d6f6;
Added MW page suggestion functionality. Created jQuery plugin MultiSuggest which builds a categorized dropdown under specified input box. Revised inspector to no longer be an iframe but to contain an Iframe. This reduces xbrowser issues with positioning and toggling inspector container. Added Inspector overlay element for positioning arbitrary elements over the iFrame. This prevents growing the iframe to arbitrary lenghts. Change-Id: I8efbbd091b0b24a19a4b73aa122d21a329cf97e4
2012-08-15 18:26:11 +00:00
}
Finally getting rid of all the es-* stuff and other cruft * Switched a lot of classes from es-* to ve-ui-* * Removed all the DOM structure left over from the old sandbox demo * Got rid of transparent backgrounds * Added menu font-size rule to stand-alone target * Moved some rules around that were in the wrong places * Got rid of some unused/unneeded methods in the mw target (attach and detach surface methods) * Added active class to context icon with shallower shadow effect so it doesn't break your spacial perception when you click on it * Renamed the iframe and iframe wrapper elements so it's easier to see where they came from * Removed unused CSS rules * Fixed some uses of prop( 'class', … ) to addClass Change-Id: I54a660ca0baf0baa4463faca7a1edcf648130b6b
2012-08-27 21:34:08 +00:00
Added MW page suggestion functionality. Created jQuery plugin MultiSuggest which builds a categorized dropdown under specified input box. Revised inspector to no longer be an iframe but to contain an Iframe. This reduces xbrowser issues with positioning and toggling inspector container. Added Inspector overlay element for positioning arbitrary elements over the iFrame. This prevents growing the iframe to arbitrary lenghts. Change-Id: I8efbbd091b0b24a19a4b73aa122d21a329cf97e4
2012-08-15 18:26:11 +00:00
.ve-ui-suggest-item > a {
text-decoration: none;
}
Reference in a new issue Copy permalink