Files
moodle/mod/data/styles.css
T
Sara Arjona 61e8b806ec MDL-75289 mod_data: Implement prototyped tertiary nav
On the Database page:
- The List/single view is displayed in the right.
- The buttons Import entries, export entries and Export to portfolio
have been moved to the Actions menu.
- The List/Single view headings have been removed.
- The "Save settings" secondary button is hidden when advanced search
is enabled.
- The result (Found X out of Y entries, No records found) are not
displayed as notifications anymore.

On the Presets page:
- The buttons (Import, Export and Save as preset) have been moved to an
actions menu to the tertiary navigation. Some of these options have been
renamed.
- Remove the Action column heading from the table.

On the Presets preview page:
- Move the preset name to the heading in the tertiary navigation (Preview
of xxxxx), and remove the current preset name from the page.
- Align the List/single template to the right in the tertiary navigation.
- Make primary the "Use this preset" button.

On the Fields page:
- Remove the "Manage fields" menu.
- Remove the Export and Save as preset from the tertiary navigation.
- Align Create a field to the right in the tertiary navigation.
- Add a description at the top of the page.
- Remove the Action column heading from the table.
- Move field actions (Edit and Delete) to ellipsis.

On the Templates page:
- Move Export and Save as preset to the Actions menu.
- Move the templates list to a tertiary navigation selector and remove
the template heading.
- Reorder the templates list (Add entry template should be displayed
at the begining, instead of List template).
- Rename "Enable editor" to "Enable code editor".
2022-10-31 15:24:13 +01:00

207 lines
4.1 KiB
CSS
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
.path-mod-data-field .c0,
#page-mod-data-view #sortsearch .c0 {
text-align: right;
}
#page-mod-data-view .approve img.icon {
width: 34px;
height: 34px;
}
.path-mod-data #id_entrieshdr div .alert.alert-danger {
margin-bottom: 2rem;
}
#page-mod-data-view img.list_picture {
border: 0;
}
#page-mod-data-view div.search_none {
display: none;
}
#page-mod-data-view div.search_inline,
#page-mod-data-view form#latlongfieldbrowse {
display: inline;
}
#page-mod-data-view div#data_adv_form {
margin-left: auto;
margin-right: auto;
}
#page-mod-data-edit .basefieldinput {
width: 300px;
}
/** Styles for preset.php **/
#page-mod-data-preset .presetmapping table {
text-align: left;
margin-left: auto;
margin-right: auto;
}
#page-mod-data-preset .overwritesettings {
margin-bottom: 1em;
}
#page-mod-data-preset table.presets {
margin-left: auto;
margin-right: auto;
}
/** Styles for the search form **/
#page-mod-data-view .datapreferences label {
display: inline-block;
}
/** Styles for field.php **/
.path-mod-data-field .sortdefault {
margin: 1em 0;
}
.path-mod-data-field .sortdefault select {
margin-left: 1em;
}
.path-mod-data-field .fieldname,
.path-mod-data-field .fielddescription {
width: 300px;
}
.path-mod-data-field textarea.optionstextarea {
width: 300px;
height: 150px;
}
.path-mod-data-field input.textareafieldsize {
width: 50px;
}
.path-mod-data-field input.picturefieldsize {
width: 70px;
}
.path-mod-data .action-icon img.portfolio-add-icon {
margin-left: 0;
}
/** UI Usability Hacks **/
#page-mod-data-export #notice span {
padding: 0 10px;
}
/*rtl:ignore*/
#page-mod-data-edit input[id*="url"] {
text-align: left;
direction: ltr;
}
.mod-data-default-template td {
vertical-align: top;
}
.mod-data-default-template .template-field {
text-align: right;
}
.mod-data-default-template .template-token {
text-align: left;
}
.mod-data-default-template .controls {
text-align: center;
}
.mod-data-default-template .searchcontrols {
text-align: right;
}
#page-mod-data-view .notapproved {
background-color: #fff3cd;
color: #856404;
border-radius: 0.5em;
padding: 0.5em 1em;
gap: 1em;
}
#page-mod-data-templates td.save_template,
#page-mod-data-templates .template_heading {
text-align: center;
}
#page-mod-data-templates #availabletags_wrapper {
max-width: 250px;
}
#page-mod-data-edit .req {
cursor: help;
}
#page-mod-data-edit .inline-req .req {
position: absolute;
}
#page-mod-data-edit .inline-req {
text-align: left;
}
#page-mod-data-edit .datatagcontrol {
padding-left: 10px;
}
.preset_action_menu .dropdown-toggle::after,
.entry-actionsmenu .dropdown-toggle::after,
.fields-actions .dropdown-toggle::after {
display: none;
}
.defaulttemplate-single-body img.list_picture {
max-width: 100%;
}
.defaulttemplate-list-body img.list_picture {
max-width: 100%;
}
/* Date information displayed in templates/presets */
.data-timeinfo {
color: var(gray);
}
/* Legacy icons */
.dataicon,
.portfolio-add-icon {
color: var(--dark);
}
/* Preset preview styles */
#page-mod-data-preset .nopreview {
border: 1px solid var(--secondary);
padding: 0.2rem;
border-radius: 5px;
}
/* Disable links and buttons in the preset preview */
.template-preview-content .preview-disabled,
.template-preview-content .action-icon,
.template-preview-content .dropdown-menu a,
.template-preview-content .data-field-link,
.template-preview-content .data-field-html a,
.template-preview-content .data-field-html button {
pointer-events: none;
}
/* Actions menu */
.presetsactions .dropdown-toggle,
.presetsactions .dropdown-toggle:hover,
.presetsactions .show > .btn-secondary.dropdown-toggle,
.entriesactions .dropdown-toggle,
.entriesactions .dropdown-toggle:hover,
.entriesactions .show > .btn-secondary.dropdown-toggle,
#page-mod-data-view .whitebutton .btn-secondary,
#page-mod-data-field- .whitebutton .btn-secondary,
#page-mod-data-templates .whitebutton .btn-secondary {
background: white;
border-color: var(--primary);
color: var(--primary);
}