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

44 lines
854 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;
}
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;
margin: 0 0 2em 0;
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
}
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;
margin-bottom: 1em;
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;
}
Dir fix for iframes and widgets This fix adds a directionality property to the frame objects so directions can be inherited and manipulated inside the frame <body> tags. There are also several corrections to flipping positioning of panels in the GridLayout and of the icons in fieldsets and labeled elements so they appear properly (right instead of left). I've added a 've-rtl' / 've-ltr' class to frame content divs to serve as selectors for rtl fixes and general language fixes. Most CSS corrections would likely be fixed when CSSJanus works in iframes, but the selectors would still be useful. This sets the stage for directionality inheritance inside iframes, and fixes most of the problem with the Page Settings window in RTL wikis. It also fixes all the labels with icons across VE interface. Bug: 49613 Change-Id: I418e669b0999552167683352acb365a4249ab9cc
2013-06-18 18:51:28 +00:00
/* @noflip */
.ve-rtl .ve-ui-fieldsetLayout-decorated > legend.ve-ui-labeledElement-label {
padding-right: 1.75em;
background-position: right center;
}
Reference in a new issue Copy permalink