wikimedia/mediawiki-extensions-VisualEditor
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor synced 2024-11-05 22:22:54 +00:00
Code Issues Packages Projects Releases Wiki Activity
mediawiki-extensions-Visual.../modules/ve/ui/styles/ve.ui.Layout.css

50 lines
861 B
CSS
Raw Normal View History

Layouts, grids and panels Layouts * Makes widget inherit from element * Adds layout which also inherits from element * Adds grid and panel layouts * Uses grid layout in meta dialog Other changes * Corrects issues with several of the stand-alone files by fixing and using makeStaticLoader.php Change-Id: I6b92c0204e176c914c26eff8c03ea417578e080c
2013-03-15 00:01:01 +00:00
/*!
* VisualEditor UserInterface Layout styles.
*
* @copyright 2011-2013 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
/* ve.ui.GridLayout */
ve.ui.PanelLayout: Set default to span accross available space Without these properties set, the layout is collapsed into a 0x0px square due to the parent having overflow-x: auto; and no width/height set. Change-Id: I77aef8afa3327b11f453196badcdfad3f51f7c3d
2013-06-19 21:59:50 +00:00
/* ve.ui.PanelLayout */
Layouts, grids and panels Layouts * Makes widget inherit from element * Adds layout which also inherits from element * Adds grid and panel layouts * Uses grid layout in meta dialog Other changes * Corrects issues with several of the stand-alone files by fixing and using makeStaticLoader.php Change-Id: I6b92c0204e176c914c26eff8c03ea417578e080c
2013-03-15 00:01:01 +00:00
ve.ui.PanelLayout: Set default to span accross available space Without these properties set, the layout is collapsed into a 0x0px square due to the parent having overflow-x: auto; and no width/height set. Change-Id: I77aef8afa3327b11f453196badcdfad3f51f7c3d
2013-06-19 21:59:50 +00:00
.ve-ui-gridLayout,
.ve-ui-panelLayout {
Layouts, grids and panels Layouts * Makes widget inherit from element * Adds layout which also inherits from element * Adds grid and panel layouts * Uses grid layout in meta dialog Other changes * Corrects issues with several of the stand-alone files by fixing and using makeStaticLoader.php Change-Id: I6b92c0204e176c914c26eff8c03ea417578e080c
2013-03-15 00:01:01 +00:00
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
Add padded option to layouts Objectives: * Add option to layouts to control whether it's padded or not * Rename "scroll" option to "scrollable" to better fit with it's boolean value Changes: ve.ui.Layout.css * Add styles for scrollable and padded options ve.ui.StackPanelLayout.js, ve.ui.PagedDialog.js, ve.ui.ReferenceListDialog.js * Update use of scroll option ve.ui.PanelLayout.js * Add padded option * Rename scroll option to scrollable * Switch to using a class for scrollable option, rather than hardcoding CSS properties Change-Id: I50e996b9d2fde361238cde75e09baa5872e12223
2013-07-17 19:01:49 +00:00
.ve-ui-panelLayout-scrollable {
overflow-y: auto;
}
.ve-ui-panelLayout-padded {
padding: 2em;
}
Fieldsets and default sort keys Objective: * Add default sort key field to meta dialog * Replace PagePanelLayout with a generic panel containing one or more FieldsetLayout elements Changes: *.php * Added/removed file links ve.dm.MWDefaultSortMetaItem.js * Added getContent method ve.dm.MetaItem.js * Added replaceWith method ve.dm.MetaList.js * Allow insertion at the end by omitting offset and index ve.dm.MWMetaDialog.js * Added default sort key field * Put category and default sort fields inside fieldsets * Added loading/saving default sort key ve.ui.PagedLayout.js * Changed class used for pages to generic panel layout ve.ui.PagePanelLayout * Moved title/icon stuff to field set ve.ui.FieldsetLayout.js * New class, adds fieldset with legend ve.ui.StackPanelLayout.js * Moved up to the layouts directory ve.ui.Dialog.css * Moved style for paged panel from layout stylesheet ve.ui.Layout.css * Added styles for fieldsets ve.ui.Widget.css * Adjusted margins of input label widgets ve.ui.MWCategoryWidget.js, ve.ui.MWCategoryPopupWidget.js * Added setDefaultSortKey method Change-Id: I979f5e3f08a688790c9f54086206ed1999af13ea
2013-05-03 22:17:35 +00:00
/* ve.ui.FieldsetLayout */
Added layouts and fixed up dialog styling issues ve.ui.Dialog.css * Fix issue where the use of margin auto on the outer dialog wrapper would expose parts of the underlying content - this is resolved by making the outer wrapper cover the whole screen and making the window frame use margin auto ve.ui.Icons*.css * Added missing settings icon rule ve.ui.Layout.css * Added styles for editor panel ve.ui.Window.css * Removed default height, setting it specifically in inspector now ve.ui.EditorPanelLayout.js * New layout, adds a title and icon above the content ve.ui.TitledEditorLayout.js * Similar to labeled widget, but for panels ve.ui.MetaDialog.js * Using settings icon now * Switched to using a specific layout - still hard-coded for categories ve.ui.Frame.js * Modified style loader to guarantee order of style rules, no matter what order they load in *.php * Moved layouts to be included after widgets so they can use widgets * Added links to new layouts Change-Id: I7ff5f5f095460fd4f6cf841f4182bfb92bf034da
2013-03-26 20:37:55 +00:00
Fieldsets and default sort keys Objective: * Add default sort key field to meta dialog * Replace PagePanelLayout with a generic panel containing one or more FieldsetLayout elements Changes: *.php * Added/removed file links ve.dm.MWDefaultSortMetaItem.js * Added getContent method ve.dm.MetaItem.js * Added replaceWith method ve.dm.MetaList.js * Allow insertion at the end by omitting offset and index ve.dm.MWMetaDialog.js * Added default sort key field * Put category and default sort fields inside fieldsets * Added loading/saving default sort key ve.ui.PagedLayout.js * Changed class used for pages to generic panel layout ve.ui.PagePanelLayout * Moved title/icon stuff to field set ve.ui.FieldsetLayout.js * New class, adds fieldset with legend ve.ui.StackPanelLayout.js * Moved up to the layouts directory ve.ui.Dialog.css * Moved style for paged panel from layout stylesheet ve.ui.Layout.css * Added styles for fieldsets ve.ui.Widget.css * Adjusted margins of input label widgets ve.ui.MWCategoryWidget.js, ve.ui.MWCategoryPopupWidget.js * Added setDefaultSortKey method Change-Id: I979f5e3f08a688790c9f54086206ed1999af13ea
2013-05-03 22:17:35 +00:00
.ve-ui-fieldsetLayout {
border: none;
Remove field set label on reference edit dialog Objective: * Allow fieldsets to not have labels * Remove label from reference edit dialog field set Changes: ve.ui.Layout.css * Only apply negative top margin if fieldset label is being used ve.ui.FieldsetLayout.js * Only add label element to DOM if icon or label are used ve.ui.MWReferenceEditDialog.js * Remove label from reference edit dialog's first fieldset *.php * Remove unused message Change-Id: I4a36e819ec6ef73aad80d3fb2f06000cb35ec109
2013-07-15 22:42:00 +00:00
margin: 0 0 1.75em 0;
Fieldsets and default sort keys Objective: * Add default sort key field to meta dialog * Replace PagePanelLayout with a generic panel containing one or more FieldsetLayout elements Changes: *.php * Added/removed file links ve.dm.MWDefaultSortMetaItem.js * Added getContent method ve.dm.MetaItem.js * Added replaceWith method ve.dm.MetaList.js * Allow insertion at the end by omitting offset and index ve.dm.MWMetaDialog.js * Added default sort key field * Put category and default sort fields inside fieldsets * Added loading/saving default sort key ve.ui.PagedLayout.js * Changed class used for pages to generic panel layout ve.ui.PagePanelLayout * Moved title/icon stuff to field set ve.ui.FieldsetLayout.js * New class, adds fieldset with legend ve.ui.StackPanelLayout.js * Moved up to the layouts directory ve.ui.Dialog.css * Moved style for paged panel from layout stylesheet ve.ui.Layout.css * Added styles for fieldsets ve.ui.Widget.css * Adjusted margins of input label widgets ve.ui.MWCategoryWidget.js, ve.ui.MWCategoryPopupWidget.js * Added setDefaultSortKey method Change-Id: I979f5e3f08a688790c9f54086206ed1999af13ea
2013-05-03 22:17:35 +00:00
padding: 0;
Added layouts and fixed up dialog styling issues ve.ui.Dialog.css * Fix issue where the use of margin auto on the outer dialog wrapper would expose parts of the underlying content - this is resolved by making the outer wrapper cover the whole screen and making the window frame use margin auto ve.ui.Icons*.css * Added missing settings icon rule ve.ui.Layout.css * Added styles for editor panel ve.ui.Window.css * Removed default height, setting it specifically in inspector now ve.ui.EditorPanelLayout.js * New layout, adds a title and icon above the content ve.ui.TitledEditorLayout.js * Similar to labeled widget, but for panels ve.ui.MetaDialog.js * Using settings icon now * Switched to using a specific layout - still hard-coded for categories ve.ui.Frame.js * Modified style loader to guarantee order of style rules, no matter what order they load in *.php * Moved layouts to be included after widgets so they can use widgets * Added links to new layouts Change-Id: I7ff5f5f095460fd4f6cf841f4182bfb92bf034da
2013-03-26 20:37:55 +00:00
}
Remove field set label on reference edit dialog Objective: * Allow fieldsets to not have labels * Remove label from reference edit dialog field set Changes: ve.ui.Layout.css * Only apply negative top margin if fieldset label is being used ve.ui.FieldsetLayout.js * Only add label element to DOM if icon or label are used ve.ui.MWReferenceEditDialog.js * Remove label from reference edit dialog's first fieldset *.php * Remove unused message Change-Id: I4a36e819ec6ef73aad80d3fb2f06000cb35ec109
2013-07-15 22:42:00 +00:00
.ve-ui-fieldsetLayout-labeled {
margin-top: -0.75em;
}
Fieldsets and default sort keys Objective: * Add default sort key field to meta dialog * Replace PagePanelLayout with a generic panel containing one or more FieldsetLayout elements Changes: *.php * Added/removed file links ve.dm.MWDefaultSortMetaItem.js * Added getContent method ve.dm.MetaItem.js * Added replaceWith method ve.dm.MetaList.js * Allow insertion at the end by omitting offset and index ve.dm.MWMetaDialog.js * Added default sort key field * Put category and default sort fields inside fieldsets * Added loading/saving default sort key ve.ui.PagedLayout.js * Changed class used for pages to generic panel layout ve.ui.PagePanelLayout * Moved title/icon stuff to field set ve.ui.FieldsetLayout.js * New class, adds fieldset with legend ve.ui.StackPanelLayout.js * Moved up to the layouts directory ve.ui.Dialog.css * Moved style for paged panel from layout stylesheet ve.ui.Layout.css * Added styles for fieldsets ve.ui.Widget.css * Adjusted margins of input label widgets ve.ui.MWCategoryWidget.js, ve.ui.MWCategoryPopupWidget.js * Added setDefaultSortKey method Change-Id: I979f5e3f08a688790c9f54086206ed1999af13ea
2013-05-03 22:17:35 +00:00
.ve-ui-fieldsetLayout > legend.ve-ui-labeledElement-label {
Added layouts and fixed up dialog styling issues ve.ui.Dialog.css * Fix issue where the use of margin auto on the outer dialog wrapper would expose parts of the underlying content - this is resolved by making the outer wrapper cover the whole screen and making the window frame use margin auto ve.ui.Icons*.css * Added missing settings icon rule ve.ui.Layout.css * Added styles for editor panel ve.ui.Window.css * Removed default height, setting it specifically in inspector now ve.ui.EditorPanelLayout.js * New layout, adds a title and icon above the content ve.ui.TitledEditorLayout.js * Similar to labeled widget, but for panels ve.ui.MetaDialog.js * Using settings icon now * Switched to using a specific layout - still hard-coded for categories ve.ui.Frame.js * Modified style loader to guarantee order of style rules, no matter what order they load in *.php * Moved layouts to be included after widgets so they can use widgets * Added links to new layouts Change-Id: I7ff5f5f095460fd4f6cf841f4182bfb92bf034da
2013-03-26 20:37:55 +00:00
font-size: 1.5em;
Tighten up outlines and fieldsets Objective: * Make outline widgets and fieldset layouts take up a little less space Bonus: * Fix option icons always showing up on the first item because the option wasn't position relative Changes: ve.ui.Widget.css * Add position: relative to option widgets * Cleanup unused background properties for outline items * Reduce padding for outline items * Move icons to match padding changes ve.ui.Layout.css * Reduce margins for fieldset layouts, including using a negative top margin to compensate for the overly tall legend Change-Id: Ida6147b8171dcb4152ca9be0e099a5f9b81ac1c0
2013-07-11 00:23:54 +00:00
margin-bottom: 0.5em;
Make fieldset layout icons optional Change-Id: I7617a35bd9e8322d0b9f8e225885ccbe5fa230ee
2013-06-12 23:23:48 +00:00
}
.ve-ui-fieldsetLayout-decorated > legend.ve-ui-labeledElement-label {
padding-left: 1.75em;
Added layouts and fixed up dialog styling issues ve.ui.Dialog.css * Fix issue where the use of margin auto on the outer dialog wrapper would expose parts of the underlying content - this is resolved by making the outer wrapper cover the whole screen and making the window frame use margin auto ve.ui.Icons*.css * Added missing settings icon rule ve.ui.Layout.css * Added styles for editor panel ve.ui.Window.css * Removed default height, setting it specifically in inspector now ve.ui.EditorPanelLayout.js * New layout, adds a title and icon above the content ve.ui.TitledEditorLayout.js * Similar to labeled widget, but for panels ve.ui.MetaDialog.js * Using settings icon now * Switched to using a specific layout - still hard-coded for categories ve.ui.Frame.js * Modified style loader to guarantee order of style rules, no matter what order they load in *.php * Moved layouts to be included after widgets so they can use widgets * Added links to new layouts Change-Id: I7ff5f5f095460fd4f6cf841f4182bfb92bf034da
2013-03-26 20:37:55 +00:00
background-position: left center;
background-repeat: no-repeat;
}
Reference in a new issue Copy permalink