commit d34eccb550a92d372482ec5b317e48682b2199b1 parent 60485b9da3dcf17dbe4f12767387e0caf06702ea Author: Jan Dankert <devnull@localhost> Date: Sat, 3 Nov 2018 00:39:32 +0100 Input-Felder können jetzt ein Label enthalten, das ganze Template-Markup wird dadurch deutlich einfacher. Formularfelder per Flexbox layouten, das geht viel einfacher. Diffstat:
21 files changed, 213 insertions(+), 511 deletions(-)
diff --git a/modules/cms-ui/themes/default/html/views/file/info.tpl.src.xml b/modules/cms-ui/themes/default/html/views/file/info.tpl.src.xml @@ -1,6 +1,6 @@ <output xmlns="http://www.openrat.de/template" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.openrat.de/template ../../../../../../template-engine/components/template.xsd"> - <form> + <form readonly="true"> <group> <part class="line"> <part class="label"> diff --git a/modules/cms-ui/themes/default/html/views/file/pub.tpl.src.xml b/modules/cms-ui/themes/default/html/views/file/pub.tpl.src.xml @@ -10,7 +10,7 @@ </part> </if> - <form cancel="false" visible="true" label="message:publish" async="true"> + <form cancel="true" label="message:publish" async="true"> <row> <column> <newline></newline> diff --git a/modules/cms-ui/themes/default/html/views/text/info.php b/modules/cms-ui/themes/default/html/views/text/info.php @@ -1,189 +0,0 @@ - - - <form name="" target="_self" data-target="view" action="./" data-method="<?php echo OR_METHOD ?>" data-action="<?php echo OR_ACTION ?>" data-id="<?php echo OR_ID ?>" method="POST" enctype="application/x-www-form-urlencoded" class="<?php echo OR_ACTION ?>" data-async="1" data-autosave=""><input type="submit" class="invisible" /><input type="hidden" name="<?php echo REQ_PARAM_EMBED ?>" value="1" /><input type="hidden" name="<?php echo REQ_PARAM_TOKEN ?>" value="<?php echo token() ?>" /><input type="hidden" name="<?php echo REQ_PARAM_ACTION ?>" value="<?php echo OR_ACTION ?>" /><input type="hidden" name="<?php echo REQ_PARAM_SUBACTION ?>" value="<?php echo OR_METHOD ?>" /><input type="hidden" name="<?php echo REQ_PARAM_ID ?>" value="<?php echo OR_ID ?>" /> - <fieldset class="<?php echo '1'?" open":" closed" ?><?php echo '1'?" show":"" ?>"><div> - <div class="line"> - <div class="label"> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities(lang('global_name')))); ?></span> - - </div> - <div class="input"> - <span class="name"><?php echo nl2br(encodeHtml(htmlentities($name))); ?></span> - - </div> - </div> - <div class="line"> - <div class="label"> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities(lang('global_filename')))); ?></span> - - </div> - <div class="input"> - <span class="filename"><?php echo nl2br(encodeHtml(htmlentities($filename))); ?></span> - - </div> - </div> - <div class="line"> - <div class="label"> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities(lang('file_extension')))); ?></span> - - </div> - <div class="input"> - <span class="extension"><?php echo nl2br(encodeHtml(htmlentities($extension))); ?></span> - - </div> - </div> - <div class="line"> - <div class="label"> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities(lang('global_description')))); ?></span> - - </div> - <div class="input"> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities($description))); ?></span> - - </div> - </div> - </div></fieldset> - <fieldset class="<?php echo '1'?" open":" closed" ?><?php echo '1'?" show":"" ?>"><legend><div class="arrow arrow-right on-closed"></div><div class="arrow arrow-down on-open"></div><?php echo lang('additional_info') ?></legend><div> - <div class="line"> - <div class="label"> - <label for="<?php echo REQUEST_ID ?>_full_filename" class="label"> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities(lang('global_full_filename')))); ?></span> - - </label> - </div> - <div class="input"> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities($full_filename))); ?></span> - - </div> - </div> - <div class="line"> - <div class="label"> - <label for="<?php echo REQUEST_ID ?>_size" class="label"> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities(lang('FILE_SIZE')))); ?></span> - - </label> - </div> - <div class="input"> - </div> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities($size))); ?></span> - - </div> - <div class="line"> - <div class="label"> - <label for="<?php echo REQUEST_ID ?>_mimetype" class="label"> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities(lang('FILE_mimetype')))); ?></span> - - </label> - </div> - <div class="input"> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities($mimetype))); ?></span> - - <br/> - - <a class="action" target="_self" data-action="file" data-method="size" data-id="<?php echo OR_ID ?>" data-extra="[]" href="<?php echo Html::url('file','size','',array()) ?>"> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities(lang(''.'menu_file_size'.'')))); ?></span> - - </a> - - </div> - </div> - <div class="line"> - <div class="label"> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities(lang(lang('id'))))); ?></span> - - </div> - <div class="input"> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities($objectid))); ?></span> - - </div> - </div> - <?php $if4=(!empty($cache_filename)); if($if4){?> - <div class="line"> - <div class="label"> - <label for="<?php echo REQUEST_ID ?>_cache_filename" class="label"> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities(lang('CACHE_FILENAME')))); ?></span> - - </label> - </div> - <div class="input"> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities($cache_filename))); ?></span> - - <br/> - - <img class="" title="" src="./modules/cms-ui/themes/default/images/icon/el_date.png" /> - - <?php include_once( 'modules/template-engine/components/html/date/component-date.php') ?><?php component_date($cache_filemtime) ?> - - </div> - </div> - <?php } ?> - <div class="line"> - <div class="label"> - <label for="<?php echo REQUEST_ID ?>_pages" class="label"> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities(lang('FILE_PAGES')))); ?></span> - - </label> - </div> - <div class="input"> - <table width="100%"> - <?php foreach($pages as $list_key=>$list_value){ ?><?php extract($list_value) ?> - <tr> - <td> - <a target="_self" data-url="<?php echo $url ?>" data-action="" data-method="<?php echo OR_METHOD ?>" data-id="<?php echo OR_ID ?>" data-extra="[]" href="<?php echo Html::url('','','',array()) ?>"> - <img class="" title="" src="./modules/cms-ui/themes/default/images/icon_page.png" /> - - <span class="text"><?php echo nl2br(encodeHtml(htmlentities($name))); ?></span> - - </a> - - </td> - </tr> - <?php } ?> - </table> - <?php $if6=(empty($pages)); if($if6){?> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities(lang('GLOBAL_NOT_FOUND')))); ?></span> - - <?php } ?> - </div> - </div> - </div></fieldset> - <fieldset class="<?php echo '1'?" open":" closed" ?><?php echo '1'?" show":"" ?>"><legend><div class="arrow arrow-right on-closed"></div><div class="arrow arrow-down on-open"></div><?php echo lang('prop_userinfo') ?></legend><div> - <div class="line"> - <div class="label"> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities(lang('global_created')))); ?></span> - - </div> - <div class="input"> - <img class="" title="" src="./modules/cms-ui/themes/default/images/icon/el_date.png" /> - - <?php include_once( 'modules/template-engine/components/html/date/component-date.php') ?><?php component_date($create_date) ?> - - <br/> - - <img class="" title="" src="./modules/cms-ui/themes/default/images/icon/user.png" /> - - <?php include_once( 'modules/template-engine/components/html/user/component-user.php') ?><?php component_user($create_user) ?> - - </div> - </div> - <div class="line"> - <div class="label"> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities(lang('global_lastchange')))); ?></span> - - </div> - <div class="input"> - <img class="" title="" src="./modules/cms-ui/themes/default/images/icon/el_date.png" /> - - <?php include_once( 'modules/template-engine/components/html/date/component-date.php') ?><?php component_date($lastchange_date) ?> - - <br/> - - <img class="" title="" src="./modules/cms-ui/themes/default/images/icon/user.png" /> - - <?php include_once( 'modules/template-engine/components/html/user/component-user.php') ?><?php component_user($lastchange_user) ?> - - </div> - </div> - </div></fieldset> - <div class="bottom"><div class="command "><input type="submit" class="submit ok" value="OK" /></div></div></form> - - \ No newline at end of file diff --git a/modules/cms-ui/themes/default/html/views/text/info.tpl.src.xml b/modules/cms-ui/themes/default/html/views/text/info.tpl.src.xml @@ -1,149 +0,0 @@ -<output xmlns="http://www.openrat.de/template" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" - xsi:schemaLocation="http://www.openrat.de/template ../../../../../../template-engine/components/template.xsd"> - <form> - <group> - <part class="line"> - <part class="label"> - <text text="global_name"></text> - </part> - <part class="input"> - <text var="name" class="name" /> - </part> - </part> - <part class="line"> - <part class="label"> - <text text="global_filename"></text> - </part> - <part class="input"> - <text var="filename" class="filename" /> - </part> - </part> - <part class="line"> - <part class="label"> - <text text="file_extension"></text> - </part> - <part class="input"> - <text var="extension" class="extension" /> - </part> - </part> - <part class="line"> - <part class="label"> - <text text="global_description"></text> - </part> - <part class="input"> - <text var="description" /> - </part> - </part> - </group> - - <group title="message:additional_info"> - <part class="line"> - <part class="label"> - <label for="full_filename"> - <text text="global_full_filename"></text> - </label> - </part> - <part class="input"> - <text var="full_filename"></text> - </part> - </part> - <part class="line"> - <part class="label"> - <label for="size"> - <text text="FILE_SIZE"></text> - </label> - </part> - <part class="input"> - </part> - <text var="size"></text> - </part> - <part class="line"> - <part class="label"> - <label for="mimetype"> - <text text="FILE_mimetype"></text> - </label> - </part> - <part class="input"> - <text var="mimetype"></text> - <newline></newline> - <link class="action" action="file" subaction="size"> - <text key="menu_file_size"></text> - </link> - </part> - </part> - <part class="line"> - <part class="label"> - <text text="message:id"></text> - </part> - <part class="input"> - <text var="objectid"></text> - </part> - </part> - <if present="cache_filename"> - <part class="line"> - <part class="label"> - <label for="cache_filename"> - <text text="CACHE_FILENAME"></text> - </label> - </part> - <part class="input"> - <text var="cache_filename"></text> - <newline></newline> - <image icon="el_date"></image> - <date date="var:cache_filemtime"></date> - </part> - </part> - </if> - <part class="line"> - <part class="label"> - <label for="pages"> - <text text="FILE_PAGES"></text> - </label> - </part> - <part class="input"> - <table> - <list list="pages" extract="true"> - <row> - <column> - <link url="var:url" target="cms_main"> - <image type="page"></image> - <text var="name"></text> - </link> - </column> - </row> - </list> - </table> - <if empty="pages"> - <text text="GLOBAL_NOT_FOUND"></text> - </if> - </part> - </part> - </group> - <group title="message:prop_userinfo"> - <part class="line"> - <part class="label"> - <text text="global_created"></text> - </part> - <part class="input"> - <image icon="el_date"></image> - <date date="var:create_date"></date> - <newline></newline> - <image icon="user"></image> - <user user="var:create_user"></user> - </part> - </part> - <part class="line"> - <part class="label"> - <text text="global_lastchange"></text> - </part> - <part class="input"> - <image icon="el_date"></image> - <date date="var:lastchange_date"></date> - <newline></newline> - <image icon="user"></image> - <user user="var:lastchange_user"></user> - </part> - </part> - </group> - </form> -</output>- \ No newline at end of file diff --git a/modules/cms-ui/themes/default/html/views/text/prop.php b/modules/cms-ui/themes/default/html/views/text/prop.php @@ -1,67 +1,15 @@ - - - <form name="" target="_self" data-target="view" action="./" data-method="prop" data-action="text" data-id="<?php echo OR_ID ?>" method="POST" enctype="application/x-www-form-urlencoded" class="or-form text" data-async="" data-autosave=""><input type="submit" class="invisible" /><input type="hidden" name="<?php echo REQ_PARAM_EMBED ?>" value="1" /><input type="hidden" name="<?php echo REQ_PARAM_TOKEN ?>" value="<?php echo token() ?>" /><input type="hidden" name="<?php echo REQ_PARAM_ACTION ?>" value="text" /><input type="hidden" name="<?php echo REQ_PARAM_SUBACTION ?>" value="prop" /><input type="hidden" name="<?php echo REQ_PARAM_ID ?>" value="<?php echo OR_ID ?>" /> - <div class="line"> - <div class="label"> - <label for="<?php echo REQUEST_ID ?>_name" class="label"> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities(lang('global_name')))); ?></span> - - </label> - </div> - <div class="input"> - <div class="inputholder"><input id="<?php echo REQUEST_ID ?>_name" name="name<?php if ('') echo '_disabled' ?>" type="text" maxlength="256" class="name" value="<?php echo Text::encodeHtml(@$name) ?>" /><?php if ('') { ?><input type="hidden" name="name" value="<?php $name ?>"/><?php } ?></div> - - </div> - </div> - <div class="line"> - <div class="label"> - <label for="<?php echo REQUEST_ID ?>_filename" class="label"> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities(lang('global_filename')))); ?></span> - - </label> - </div> - <div class="input"> - <div class="inputholder"><input id="<?php echo REQUEST_ID ?>_filename" name="filename<?php if ('') echo '_disabled' ?>" type="text" maxlength="150" class="filename" value="<?php echo Text::encodeHtml(@$filename) ?>" /><?php if ('') { ?><input type="hidden" name="filename" value="<?php $filename ?>"/><?php } ?></div> - - </div> - </div> - <div class="line"> - <div class="label"> - <label for="<?php echo REQUEST_ID ?>_extension" class="label"> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities(lang('file_extension')))); ?></span> - - </label> - </div> - <div class="input"> - <div class="inputholder"><input id="<?php echo REQUEST_ID ?>_extension" name="extension<?php if ('') echo '_disabled' ?>" type="text" maxlength="256" class="extension" value="<?php echo Text::encodeHtml(@$extension) ?>" /><?php if ('') { ?><input type="hidden" name="extension" value="<?php $extension ?>"/><?php } ?></div> - - </div> - </div> - <div class="line"> - <div class="label"> - <label for="<?php echo REQUEST_ID ?>_filterid" class="label"> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities(lang('filter')))); ?></span> - - </label> - </div> - <div class="input"> - <div class="inputholder"><select id="<?php echo REQUEST_ID ?>_filterid" name="filterid" title="" class="" size=1"><?php include_once( 'modules/template-engine/components/html/selectbox/component-select-box.php') ?><?php component_select_option_list($filterlist,$filterid,1,1) ?><?php if (count($filterlist)==0) { ?><input type="hidden" name="filterid" value="" /><?php } ?><?php if (count($filterlist)==1) { ?><input type="hidden" name="filterid" value="<?php echo array_keys($filterlist)[0] ?>" /><?php } ?> - </select></div> - </div> - </div> - <div class="line"> - <div class="label"> - <label for="<?php echo REQUEST_ID ?>_description" class="label"> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities(lang('global_description')))); ?></span> - - </label> - </div> - <div class="input"> - <div class="inputholder"><textarea class="description" name="description"><?php echo Text::encodeHtml($description) ?></textarea></div> - - </div> - </div> - <div class="bottom"><div class="command "><input type="submit" class="submit ok" value="OK" /></div></div></form> + <form name="" target="_self" data-target="view" action="./" data-method="prop" data-action="text" data-id="<?php echo OR_ID ?>" method="POST" enctype="application/x-www-form-urlencoded" class="or-form text" data-async="" data-autosave=""><input type="hidden" name="<?php echo REQ_PARAM_EMBED ?>" value="1" /><input type="hidden" name="<?php echo REQ_PARAM_TOKEN ?>" value="<?php echo token() ?>" /><input type="hidden" name="<?php echo REQ_PARAM_ACTION ?>" value="text" /><input type="hidden" name="<?php echo REQ_PARAM_SUBACTION ?>" value="prop" /><input type="hidden" name="<?php echo REQ_PARAM_ID ?>" value="<?php echo OR_ID ?>" /> + <label class="or-form-row"><span class="or-form-label">Name</span><span class="or-form-input"><div class="inputholder"><input id="<?php echo REQUEST_ID ?>_name" name="name<?php if ('') echo '_disabled' ?>" type="text" maxlength="256" class="name" value="<?php echo Text::encodeHtml(@$name) ?>" /><?php if ('') { ?><input type="hidden" name="name" value="<?php $name ?>"/><?php } ?></div></span></label> + + <label class="or-form-row"><span class="or-form-label">Dateiname</span><span class="or-form-input"><div class="inputholder"><input id="<?php echo REQUEST_ID ?>_filename" name="filename<?php if ('') echo '_disabled' ?>" type="text" maxlength="150" class="filename" value="<?php echo Text::encodeHtml(@$filename) ?>" /><?php if ('') { ?><input type="hidden" name="filename" value="<?php $filename ?>"/><?php } ?></div></span></label> + + <label class="or-form-row"><span class="or-form-label">Dateiendung</span><span class="or-form-input"><div class="inputholder"><input id="<?php echo REQUEST_ID ?>_extension" name="extension<?php if ('') echo '_disabled' ?>" type="text" maxlength="256" class="extension" value="<?php echo Text::encodeHtml(@$extension) ?>" /><?php if ('') { ?><input type="hidden" name="extension" value="<?php $extension ?>"/><?php } ?></div></span></label> + + <label class="or-form-row"><span class="or-form-label">?filter?</span><span class="or-form-input"><div class="inputholder"><select id="<?php echo REQUEST_ID ?>_filterid" name="filterid" title="" class="" size=1"><?php include_once( 'modules/template-engine/components/html/selectbox/component-select-box.php') ?><?php component_select_option_list($filterlist,$filterid,1,1) ?><?php if (count($filterlist)==0) { ?><input type="hidden" name="filterid" value="" /><?php } ?><?php if (count($filterlist)==1) { ?><input type="hidden" name="filterid" value="<?php echo array_keys($filterlist)[0] ?>" /><?php } ?> + </select></div></span></label> + <label class="or-form-row"><span class="or-form-label">Beschreibung</span><span class="or-form-input"><div class="inputholder"><textarea class="description" name="description"><?php echo Text::encodeHtml($description) ?></textarea></div></span></label> + + <div class="or-form-actionbar"><input type="submit" class="or-form-btn or-form-btn--primary" value="OK" /></div></form> \ No newline at end of file diff --git a/modules/cms-ui/themes/default/html/views/text/prop.tpl.src.xml b/modules/cms-ui/themes/default/html/views/text/prop.tpl.src.xml @@ -1,57 +1,16 @@ <output xmlns="http://www.openrat.de/template" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" - xsi:schemaLocation="http://www.openrat.de/template ../../../../../../template-engine/components/template.xsd"> - <header views="size,compress,uncompress,extract"></header> - <form> - <part class="line"> - <part class="label"> - <label for="name"> - <text text="global_name"></text> - </label> - </part> - <part class="input"> - <input name="name" size="50" class="name"></input> - </part> - </part> - <part class="line"> - <part class="label"> - <label for="filename"> - <text text="global_filename"></text> - </label> - </part> - <part class="input"> - <input name="filename" class="filename" maxlength="150"></input> - </part> - </part> - <part class="line"> - <part class="label"> - <label for="extension"> - <text text="file_extension"></text> - </label> - </part> - <part class="input"> - <input name="extension" size="10" class="extension"></input> - </part> - </part> - <part class="line"> - <part class="label"> - <label for="filterid"> - <text text="filter"></text> - </label> - </part> - <part class="input"> - <selectbox name="filterid" size="1" list="filterlist" addempty="true" lang="true"></selectbox> - </part> - </part> - <part class="line"> - <part class="label"> - <label for="description"> - <text text="global_description"></text> - </label> - </part> - <part class="input"> - <inputarea name="description" class="description"></inputarea> - </part> - </part> + xsi:schemaLocation="http://www.openrat.de/template ../../../../../../template-engine/components/template.xsd"> + <form> - </form> + <input label="global_name" name="name" size="50" class="name"/> + + <input label="global_filename" name="filename" class="filename" maxlength="150"/> + + <input label="file_extension" name="extension" size="10" class="extension"/> + + <selectbox label="filter" name="filterid" size="1" list="filterlist" addempty="true" lang="true"/> + + <inputarea label="global_description" name="description" class="description"/> + + </form> </output> \ No newline at end of file diff --git a/modules/cms-ui/themes/default/html/views/text/pub.tpl.src.xml b/modules/cms-ui/themes/default/html/views/text/pub.tpl.src.xml @@ -10,7 +10,7 @@ </part> </if> - <form cancel="false" visible="true" label="message:publish" async="true"> + <form cancel="true" label="message:publish" async="true"> <row> <column> <newline></newline> diff --git a/modules/cms-ui/themes/default/html/views/title/show.php b/modules/cms-ui/themes/default/html/views/title/show.php @@ -34,7 +34,7 @@ </div> <?php } ?> <?php $if2=($isLoggedIn); if($if2){?> - <div class="toolbar-icon clickable filtered on-action-folder on-action-page on-action-file on-action-pageelement on-action-template"> + <div class="toolbar-icon clickable filtered on-action-folder on-action-page on-action-file on-action-image on-action-text on-action-pageelement on-action-template"> <a title="<?php echo lang('menu_pub_desc') ?>" target="_self" data-type="dialog" data-action="" data-method="pub" data-id="<?php echo OR_ID ?>" data-extra="{'dialogAction':null,'dialogMethod':'pub'}" href="<?php echo Html::url('','pub','',array('dialogAction'=>'','dialogMethod'=>'pub')) ?>"> <img class="image-icon image-icon--method" title="" src="./modules/cms-ui/themes/default/images/icon/method/publish.svg" /> @@ -199,7 +199,7 @@ </a> </div> - <div class="entry clickable filtered on-action-page on-action-file on-action-folder on-action-pageelement on-action-template"> + <div class="entry clickable filtered on-action-page on-action-file on-action-folder on-action-text on-action-image on-action-pageelement on-action-template"> <a title="<?php echo lang('menu_pub_desc') ?>" target="_self" data-type="dialog" data-action="" data-method="pub" data-id="<?php echo OR_ID ?>" data-extra="{'dialogAction':null,'dialogMethod':'pub'}" href="<?php echo Html::url('','pub','',array('dialogAction'=>'','dialogMethod'=>'pub')) ?>"> <img class="image-icon image-icon--method" title="" src="./modules/cms-ui/themes/default/images/icon/method/publish.svg" /> diff --git a/modules/cms-ui/themes/default/html/views/title/show.tpl.src.xml b/modules/cms-ui/themes/default/html/views/title/show.tpl.src.xml @@ -66,7 +66,7 @@ </part> --> <part - class="toolbar-icon clickable filtered on-action-folder on-action-page on-action-file on-action-pageelement on-action-template"> + class="toolbar-icon clickable filtered on-action-folder on-action-page on-action-file on-action-image on-action-text on-action-pageelement on-action-template"> <link type="dialog" subaction="pub" title="message:menu_pub_desc"> <image method="publish"></image> <!-- @@ -233,7 +233,7 @@ </link> </part> <part - class="entry clickable filtered on-action-page on-action-file on-action-folder on-action-pageelement on-action-template"> + class="entry clickable filtered on-action-page on-action-file on-action-folder on-action-text on-action-image on-action-pageelement on-action-template"> <link type="dialog" title="message:menu_pub_desc" subaction="pub"> <image method="publish"></image> <text key="menu_pub"></text> diff --git a/modules/cms-ui/themes/default/production/combined.min.css b/modules/cms-ui/themes/default/production/combined.min.css @@ -1,4 +1,4 @@ -/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;font-size: 0.8em;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}body{margin: 0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block}audio,canvas,progress,video{display: inline-block;vertical-align: baseline}audio:not([controls]){display: none;height: 0}[hidden],template{display: none}a{background: transparent}a:active,a:hover{outline: 0}abbr[title]{border-bottom: 1px dotted}b,strong{font-weight: bold}dfn{font-style: italic}h1{font-size: 1.2em;margin: .67em 0}mark{background: #ff0;color: #000}small{font-size: 80%}sub,sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}sup{top: -0.5em}sub{bottom: -0.25em}img{border: 0}svg:not(:root){overflow: hidden}figure{margin: 1em 40px}hr{-moz-box-sizing: content-box;box-sizing: content-box;height: 0}pre{overflow: auto}code,kbd,pre,samp{font-family: monospace, monospace;font-size: 1em}button,input,optgroup,select,textarea{color: inherit;font: inherit;margin: 0}button{overflow: visible}button,select{text-transform: none}button,html input[type="button"]{-webkit-appearance: button;cursor: pointer}button[disabled],html input[disabled]{cursor: default}button input::-moz-focus-inner{border: 0;padding: 0}input{line-height: normal}input[type="reset"],input[type="submit"]{-webkit-appearance: button;cursor: pointer}input[type="checkbox"],input[type="radio"]{box-sizing: border-box;padding: 0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height: auto}input[type="search"]{-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance: none}fieldset{border: 1px solid #c0c0c0;margin: 0 2px;padding: .35em .625em .75em}legend{border: 0;padding: 0}textarea{overflow: auto}optgroup{font-weight: bold}table{border-collapse: collapse;border-spacing: 0}td,th{padding: 0}*,::before,::after{box-sizing: border-box}.initial-hidden{display: none}.sort-value{display: none}*{transition: width ease .3s}iframe{width: 100%;height: 500px;display: block}div.breadcrumb,div.breadcrumb a,div.panel > div.title{font-weight: bold}div#noticebar{display: block;position: fixed;bottom: 40px;right: 40px;width: 250px;z-index: 113}div#noticebar div.log{font-family: monospace}div#noticebar div.notice{border: 2px solid #000;padding: 5px;margin: 5px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;-webkit-box-shadow: 3px 2px 5px #000;-moz-box-shadow: 3px 2px 5px #000;box-shadow: 3px 2px 5px #000;display: none}div#noticebar div.notice.ok{background-color: green;border-color: #000}div#noticebar div.notice.warning{background-color: yellow;border-color: #660}div#noticebar div.notice.error{background-color: red;border-color: #600}div#noticebar div.notice.error div.text{font-weight: bold}div.onrowvisible{visibility: hidden;display: inline}a:link,a:visited{font-weight: normal;text-decoration: none}a:active,a:hover{font-weight: normal;text-decoration: none}img[align=left],img[align=right]{padding-right: 1px;padding-left: 1px}div.logo h2{font-weight: normal;font-size: 24px}div.logo p{font-size: 13px}label,.clickable{cursor: pointer}.drophover{border: 2px dotted #008000;cursor: move}.dropactive{border: 1px dotted #00f;cursor: move}img.icon{padding: 4px;width: 16px;height: 16px}div.panel ul.views li{vertical-align: middle;padding: 0px;cursor: pointer;border-right: 1px solid #000;-moz-border-radius-topleft: 5px;-webkit-border-radius-topleft: 5px;-khtml-border-top-radius-topleft: 5px;-moz-border-radius-topright: 5px;-webkit-border-radius-topright: 5px;-khtml-border-top-radius-topright: 5px;border-top-right-radius: 5px;display: inline;white-space: nowrap;float: left}div.panel{margin: 0px;padding: 0px}table{overflow: auto;border: 2px}table tr.headline > td{padding: 3px;font-weight: bold}table tr.data > td{padding: 3px}table td.readonly{font-style: italic;font-weight: normal}table td.default{font-style: normal;font-weight: normal}table td.changed{font-style: normal;font-weight: bold}table td.notice{margin: 0px;padding: 5%;text-align: center}table.notice{width: 100%;border: 1px solid;border-spacing: 0px}table.notice th{padding: 2px;white-space: nowrap;border-bottom: 1px solid #000;font-weight: normal;text-align: left}table.notice tr.warning{margin: 0px;padding: 0px}table.calendar{table-layout: fixed;border-collapse: collapse;text-align: center}table.calendar td{border: 1px dotted}table td.notice{margin: 0px;padding: 5%;text-align: center}table.notice{width: 100%;border: 1px solid;border-spacing: 0px}table.notice th{padding: 2px;white-space: nowrap;border-bottom: 1px solid #000;font-weight: normal;text-align: left}table.notice tr.warning{margin: 0px;padding: 0px}table.calendar{table-layout: fixed;border-collapse: collapse;text-align: center}table.calendar td{border: 1px dotted}table td.motd{border-left: 3px solid #f00;border-right: 3px solid #f00;font-weight: bold;padding: 10px;margin: 10px}table td:hover > div.onrowvisible{visibility: visible}table tr.diff > td.line{background-color: #000;padding-right: 2px;border-right: 3px solid #000;text-align: right;margin-right: 2px}table tr.diff > td.old{background-color: red}table tr.diff td.new{background-color: green}table tr.diff td.notequal{background-color: yellow}table tr td.help{font-style: italic}table tr.headline td.help{font-style: normal}table td.logo{padding: 10px;margin: 0px}@media screen and (max-width: 40em){table tr.headline{display: none}table tr > td{display: block}}div.panel div.status{padding: 10px}div.panel div.status div.error,div.message.error{background: url(../images/notice_error.png) no-repeat;background-position: 5px 7px}div.panel div.status div.warn,div.message.warn{background: url(../images/notice_warning.png) no-repeat;background-position: 5px 7px}div.panel div.status div.ok,div.message.ok{background: url(../images/notice_ok.png) no-repeat;background-position: 5px 7px}div.panel div.status div.info,div.message.info{background: url(../images/notice_info.png) no-repeat;background-position: 5px 7px}div.panel div.status div,div.message{border: 1px solid #000;padding: 5px 0px 5px 25px;margin: 10px 10px 20px 10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px}#workbench div.panel.fullscreen{display: block;z-index: 109;position: fixed;top: 0;left: 0;background-color: #000;margin: 0px;width: 100% !important;height: 100% !important}#workbench div.panel.fullscreen > div.content{width: 100% !important;height: 100% !important}#workbench div.panel{border: 1px solid #000;margin: 0px;padding: 0px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px}#workbench div.container,#workbench div.panel,#workbench div.divider{display: inline;float: left;margin: 0px}#workbench div.panel > div.content{overflow: auto}.invisible{visibility: hidden}.visible{visibility: visible}div.panel{position: relative}div.content div.bottom{height: 55px;width: 100%;position: absolute;padding-right: 40px;bottom: 0px;right: 0px;xvisibility: hidden}div.content div.bottom > div.command{xvisibility: visible;float: right;z-index: 20}div.content form[data-autosave='true'] div.command{display: none}div.content > form{padding-bottom: 45px}.or-form{padding: 20px}.or-form input[type=checkbox] + label,.or-form input[type=radio] + label{width: 80%}.or-form div.inputholder > div.dropdown{width: 70%}.or-form input.submit{padding: 7px;border: 0px;-moz-border-radius: 7px;-webkit-border-radius: 7px;-khtml-border-radius: 7px;border-radius: 7px;margin-left: 20px;cursor: pointer}.or-form input.submit.ok{font-weight: bold}.or-form input[type=text],.or-form select,.or-form textarea{width: 100%;padding: 12px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;resize: vertical}.or-form label{padding: 12px 12px 12px 0;display: inline-block}.or-form input[type=submit]{color: white;padding: 12px 20px;border: none;border-radius: 4px;cursor: pointer;float: right}.or-form div.label{float: left;width: 25%;margin-top: 6px}.or-form div.input{float: left;width: 75%;margin-top: 6px}.or-form .line:after{content: "";display: table;clear: both}@media screen and (max-width: 65rem){.or-form div.label,.or-form div.input,.or-form input[type=submit]{width: 100%;margin-top: 0}}div.search > div.inputholder{padding-top: 1px}div.inputholder > input,div.inputholder > textarea,div.inputholder > select{padding: 2px;margin: 0px}fieldset > div input.name,fieldset > div span.name{font-weight: bold}fieldset > div input.filename,fieldset > div input.extension,fieldset > div input.ansidate,fieldset > div span.filename,fieldset > div span.extension,fieldset > div span.ansidate{font-family: Courier;font-size: 1em}dl.notice{padding: 15px}div.content pre,div.dropdown{min-width: 150px;max-width: 450px}div.filler div.headermenu > a.entry,div.filler div.header a.back.button{font-size: 0.8em}img.image-icon{visibility: hidden}.CodeMirror{height: auto}#title{overflow: hidden;padding: 5px}#title > div > div.arrow-down{display: inline;width: 0;height: 0;margin: 6px;padding: 0px;margin-top: 10px}#title div.toolbar-icon{padding: 2px;margin-left: 10px;float: left}#title div.toolbar-icon.user,#title div.toolbar-icon.search,#title div.toolbar-icon.history{float: right;margin-right: 10px;margin-left: 10px}#title div.toolbar-icon.menu{cursor: default}#title div.toolbar-icon.search .inputholder{margin: 0;padding: 0;border: 0;display: inline}#title div.toolbar-icon.search .inputholder input{border: 0;margin: 0;padding: 0;width: 3em;display: inline}#title div.toolbar-icon div.dropdown{z-index: 2;min-width: 250px;display: none;position: absolute;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none}#title div.toolbar-icon div.dropdown div.entry{padding: 0}#title div.toolbar-icon div.dropdown div.entry > a{display: block;width: 100%;height: 100%;padding: 2px 5px}#title div.toolbar-icon div.dropdown div.entry > .text{display: block;margin: 10px}#title div.toolbar-icon div.dropdown div.divide{height: 1px;width: 100%;margin-top: 5px;margin-bottom: 5px}#title.open .toolbar-icon.open > div.dropdown{display: block}#navigation ul.or-navtree-list{list-style-type: none;margin: 0;padding: 0}#navigation ul.or-navtree-list ul{margin-left: 18px}#navigation ul.or-navtree-list .or-navtree-node-control{width: 18px;min-width: 18px;float: left;height: 18px;cursor: pointer}#navigation ul.or-navtree-list img{cfloat: left}#navigation ul.or-navtree-list .or-navtree-node{margin: 0;padding: 0 0px;line-height: 18px;font-weight: normal;white-space: nowrap}div#dialog > .view{overflow: auto;position: absolute;top: 5%;left: 10%;width: 80%;height: 80%;z-index: 101;border: 1px solid !important}div#dialog.is-closed{display: none}div#dialog div#filler{position: absolute;z-index: 100;top: 0;left: 0;height: 100%;width: 100%;opacity: 0.5}div#dialog div#filler span.icon{font-family: 'Helvetica', 'Arial', sans-serif;opacity: 1;font-size: 3em;font-weight: bold;text-align: center;width: 40px;height: 40px;position: absolute;right: 20px;top: 20px}.arrow{width: 0;height: 0;margin: 6px;padding: 0;font-size: 0}.arrow.arrow-down{border-right: 6px solid transparent;border-top: 6px solid;border-left: 6px solid transparent;border-bottom: 4px solid transparent;margin-top: 10px}.arrow.arrow-right{border-top: 6px solid transparent;border-left: 6px solid;border-bottom: 6px solid transparent;border-right: 4px solid transparent;margin-left: 10px}#editor .dirty{font-weight: bold}.visible-for-nojs{display: none}html.nojs .noscript{display: block}.toggle-open-close .on-click-open-close{cursor: pointer;font-weight: normal}.toggle-open-close > div{transition: height ease .5s;overflow: hidden}.toggle-open-close.closed .on-click-open-close .on-closed{display: inline}.toggle-open-close.closed .on-click-open-close .on-open{display: none}.toggle-open-close.closed > div{height: 0}.toggle-open-close.open > div{display: block}.toggle-open-close.open .on-click-open-close .on-closed{display: none}.toggle-open-close.open .on-click-open-close .on-open{display: inline}html,body{width: 100%;height: 100%}div#workbench{width: 100%;height: 100%;display: flex;flex-direction: column}div#workbench div.panel.modal{position: relative;z-index: 101;border: 1px solid !important}div#workbench > header{height: 3.0rem}div#workbench > header .toolbar-icon .arrow-down{display: inline}@media only screen and (max-width: 55rem){div#workbench > header .toolbar-icon span.label,div#workbench > header .toolbar-icon .arrow-down{display: none}}div#workbench > header .keystroke{position: absolute;right: 15px;top: 12px}div#workbench > div{flex: 1;display: flex;flex-direction: row;min-width: 0;min-height: 0}div#workbench > div > main{flex: 1}div#workbench > div > nav,div#workbench > div > main{min-width: 0;min-height: 0;overflow-y: auto;overflow-x: hidden}div#workbench > div > nav{width: 33%;overflow-y: hidden}@media only screen and (max-width: 55rem){div#workbench > div > nav{width: 0}}div#workbench > div > nav.small{width: 5em;opacity: 0.5;overflow-y: hidden}div#workbench > div > nav.small:hover{width: 50%;overflow-y: auto;opacity: 1}div#workbench > div > nav.open{overflow-y: auto}@media only screen and (max-width: 55rem){div#workbench > div > nav.open{width: 90%}}@media only screen and (min-width: 75rem){div#workbench > div > nav{width: 33%;overflow-y: auto}}div#workbench > div > nav div.view{height: 100%}div#workbench > div > main > section{margin: 1.5em;border: 1px solid;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px}@media only screen and (max-width: 55rem){div#workbench > div > main > section{margin: 0.5em}}div#workbench > div > main > section header *{display: inline}div#workbench > div > main > section .view-toolbar{display: inline}div#workbench > div > main > section.closed .view-toolbar{display: none}div#workbench > div > main > section.is-empty{display: none}#title .toggle-nav-small{display: inline}@media only screen and (max-width: 55rem){#title .toggle-nav-small{display: none}}#title .toggle-nav-open-close{display: none}@media only screen and (max-width: 55rem){#title .toggle-nav-open-close{display: inline}}#title .toolbar-icon.search{width: 8em}@media only screen and (max-width: 55rem){#title .toolbar-icon.search{width: 8em}}@media only screen and (max-width: 55rem){#title .toolbar-icon.search input{width: 3em}}.loader{background: url(../images/loader.gif) no-repeat;background-position: center, top;height: 30px;opacity: 0.5;cursor: wait}@media only screen and (max-width: 55rem){html{font-size: 1.0em}}.editor__text-editor{width: 100%;height: 300px}textarea.editor__code-editor{display: none}div.editor__code-editor{position: absolute;height: 500px;width: 100%;font-size: 14px;z-index: 256}textarea.editor__text-editor,textarea.editor__wiki-editor,textarea.editor__html-editor{width: 100%}a.editorlink:active,a.editorlink:hover{font-weight: normal;text-decoration: none}a.editorlink:link,a.editorlink:visited{font-weight: normal;text-decoration: none}fieldset{border: 1px solid;border-bottom: 0px;border-left: 0px;border-right: 0px;margin-top: 20px;margin-bottom: 20px;margin-left: 0px;margin-right: 0px;padding: 10px}div.line.filedropzone > div.input {width:100%;height:100px;border:1px dotted;}/** +/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;font-size: 0.8em;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}body{margin: 0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block}audio,canvas,progress,video{display: inline-block;vertical-align: baseline}audio:not([controls]){display: none;height: 0}[hidden],template{display: none}a{background: transparent}a:active,a:hover{outline: 0}abbr[title]{border-bottom: 1px dotted}b,strong{font-weight: bold}dfn{font-style: italic}h1{font-size: 1.2em;margin: .67em 0}mark{background: #ff0;color: #000}small{font-size: 80%}sub,sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}sup{top: -0.5em}sub{bottom: -0.25em}img{border: 0}svg:not(:root){overflow: hidden}figure{margin: 1em 40px}hr{-moz-box-sizing: content-box;box-sizing: content-box;height: 0}pre{overflow: auto}code,kbd,pre,samp{font-family: monospace, monospace;font-size: 1em}button,input,optgroup,select,textarea{color: inherit;font: inherit;margin: 0}button{overflow: visible}button,select{text-transform: none}button,html input[type="button"]{-webkit-appearance: button;cursor: pointer}button[disabled],html input[disabled]{cursor: default}button input::-moz-focus-inner{border: 0;padding: 0}input{line-height: normal}input[type="reset"],input[type="submit"]{-webkit-appearance: button;cursor: pointer}input[type="checkbox"],input[type="radio"]{box-sizing: border-box;padding: 0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height: auto}input[type="search"]{-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance: none}fieldset{border: 1px solid #c0c0c0;margin: 0 2px;padding: .35em .625em .75em}legend{border: 0;padding: 0}textarea{overflow: auto}optgroup{font-weight: bold}table{border-collapse: collapse;border-spacing: 0}td,th{padding: 0}*,::before,::after{box-sizing: border-box}.initial-hidden{display: none}.sort-value{display: none}*{transition: width ease .3s}legend{font-size: 1.1em;font-weight: bold;padding: 0 .5em}iframe{width: 100%;height: 500px;display: block}div.breadcrumb,div.breadcrumb a,div.panel > div.title{font-weight: bold}div#noticebar{display: block;position: fixed;bottom: 40px;right: 40px;width: 250px;z-index: 113}div#noticebar div.log{font-family: monospace}div#noticebar div.notice{border: 2px solid #000;padding: 5px;margin: 5px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;-webkit-box-shadow: 3px 2px 5px #000;-moz-box-shadow: 3px 2px 5px #000;box-shadow: 3px 2px 5px #000;display: none}div#noticebar div.notice.ok{background-color: green;border-color: #000}div#noticebar div.notice.warning{background-color: yellow;border-color: #660}div#noticebar div.notice.error{background-color: red;border-color: #600}div#noticebar div.notice.error div.text{font-weight: bold}div.onrowvisible{visibility: hidden;display: inline}a:link,a:visited{font-weight: normal;text-decoration: none}a:active,a:hover{font-weight: normal;text-decoration: none}img[align=left],img[align=right]{padding-right: 1px;padding-left: 1px}div.logo h2{font-weight: normal;font-size: 24px}div.logo p{font-size: 13px}label,.clickable{cursor: pointer}.drophover{border: 2px dotted #008000;cursor: move}.dropactive{border: 1px dotted #00f;cursor: move}img.icon{padding: 4px;width: 16px;height: 16px}div.panel ul.views li{vertical-align: middle;padding: 0px;cursor: pointer;border-right: 1px solid #000;-moz-border-radius-topleft: 5px;-webkit-border-radius-topleft: 5px;-khtml-border-top-radius-topleft: 5px;-moz-border-radius-topright: 5px;-webkit-border-radius-topright: 5px;-khtml-border-top-radius-topright: 5px;border-top-right-radius: 5px;display: inline;white-space: nowrap;float: left}div.panel{margin: 0px;padding: 0px}table{overflow: auto;border: 2px}table tr.headline > td{padding: 3px;font-weight: bold}table tr.headline > td.sort-asc > span:last-child:after{content: " \2193"}table tr.headline > td.sort-desc > span:last-child:after{content: " \2191"}table tr.data > td{padding: 3px}table td.readonly{font-style: italic;font-weight: normal}table td.default{font-style: normal;font-weight: normal}table td.changed{font-style: normal;font-weight: bold}table td.notice{margin: 0px;padding: 5%;text-align: center}table.notice{width: 100%;border: 1px solid;border-spacing: 0px}table.notice th{padding: 2px;white-space: nowrap;border-bottom: 1px solid #000;font-weight: normal;text-align: left}table.notice tr.warning{margin: 0px;padding: 0px}table.calendar{table-layout: fixed;border-collapse: collapse;text-align: center}table.calendar td{border: 1px dotted}table td.notice{margin: 0px;padding: 5%;text-align: center}table.notice{width: 100%;border: 1px solid;border-spacing: 0px}table.notice th{padding: 2px;white-space: nowrap;border-bottom: 1px solid #000;font-weight: normal;text-align: left}table.notice tr.warning{margin: 0px;padding: 0px}table.calendar{table-layout: fixed;border-collapse: collapse;text-align: center}table.calendar td{border: 1px dotted}table td.motd{border-left: 3px solid #f00;border-right: 3px solid #f00;font-weight: bold;padding: 10px;margin: 10px}table td:hover > div.onrowvisible{visibility: visible}table tr.diff > td.line{background-color: #000;padding-right: 2px;border-right: 3px solid #000;text-align: right;margin-right: 2px}table tr.diff > td.old{background-color: red}table tr.diff td.new{background-color: green}table tr.diff td.notequal{background-color: yellow}table tr td.help{font-style: italic}table tr.headline td.help{font-style: normal}table td.logo{padding: 10px;margin: 0px}@media screen and (max-width: 40em){table tr.headline{display: none}table tr > td{display: block}}div.panel div.status{padding: 10px}div.panel div.status div.error,div.message.error{background: url(../images/notice_error.png) no-repeat;background-position: 5px 7px}div.panel div.status div.warn,div.message.warn{background: url(../images/notice_warning.png) no-repeat;background-position: 5px 7px}div.panel div.status div.ok,div.message.ok{background: url(../images/notice_ok.png) no-repeat;background-position: 5px 7px}div.panel div.status div.info,div.message.info{background: url(../images/notice_info.png) no-repeat;background-position: 5px 7px}div.panel div.status div,div.message{border: 1px solid #000;padding: 5px 0px 5px 25px;margin: 10px 10px 20px 10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px}#workbench div.panel.fullscreen{display: block;z-index: 109;position: fixed;top: 0;left: 0;background-color: #000;margin: 0px;width: 100% !important;height: 100% !important}#workbench div.panel.fullscreen > div.content{width: 100% !important;height: 100% !important}#workbench div.panel{border: 1px solid #000;margin: 0px;padding: 0px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px}#workbench div.container,#workbench div.panel,#workbench div.divider{display: inline;float: left;margin: 0px}#workbench div.panel > div.content{overflow: auto}.invisible{visibility: hidden}.visible{visibility: visible}div.panel{position: relative}div.content div.bottom{height: 55px;width: 100%;position: absolute;padding-right: 40px;bottom: 0px;right: 0px;xvisibility: hidden}div.content div.bottom > div.command{xvisibility: visible;float: right;z-index: 20}div.content form[data-autosave='true'] div.command{display: none}div.content > form{padding-bottom: 45px}.or-form{padding: 1em}.or-form input[type=checkbox] + label,.or-form input[type=radio] + label{width: 80%}.or-form div.inputholder > div.dropdown{width: 70%}.or-form input.submit{padding: 7px;border: 0px;-moz-border-radius: 7px;-webkit-border-radius: 7px;-khtml-border-radius: 7px;border-radius: 7px;margin-left: 20px;cursor: pointer}.or-form input[type=text],.or-form select,.or-form textarea{width: 100%;padding: 12px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;resize: vertical}.or-form label{padding: 12px 12px 12px 0;display: inline-block}.or-form input[type=submit]{color: white;padding: 12px 20px;border: none;border-radius: 4px;cursor: pointer;float: right}.or-form div.label{float: left;width: 25%;margin-top: 6px}.or-form div.input{float: left;width: 75%;margin-top: 6px}.or-form .line:after{content: "";display: table;clear: both}.or-form .or-form-row{display: flex;align-items: center}.or-form .or-form-row .or-form-label{width: 25%}.or-form .or-form-row .or-form-input{width: 75%}.or-form .or-form-actionbar{display: flex;justify-content: end;padding: 1em}.or-form .or-form-actionbar .or-form-btn{padding: 1em 2em;min-width: 14em;border: 0;border-radius: .5em;-moz-border-radius: .5em;-webkit-border-radius: .5em;-khtml-border-radius: .5em;cursor: pointer}.or-form .or-form-actionbar .or-form-btn--primary{font-weight: bold}@media screen and (max-width: 65rem){.or-form div.label,.or-form div.input{width: 100%;margin-top: 0}.or-form .or-form-row{flex-direction: column}.or-form .or-form-row .or-form-label,.or-form .or-form-row .or-form-input{width: 100%}.or-form .or-form-actionbar{align-items: center}.or-form .or-form-actionbar .or-form-btn{width: 100%}}div.search > div.inputholder{padding-top: 1px}div.inputholder > input,div.inputholder > textarea,div.inputholder > select{padding: 2px;margin: 0px}fieldset > div input.name,fieldset > div span.name{font-weight: bold}fieldset > div input.filename,fieldset > div input.extension,fieldset > div input.ansidate,fieldset > div span.filename,fieldset > div span.extension,fieldset > div span.ansidate{font-family: Courier;font-size: 1em}dl.notice{padding: 15px}div.content pre,div.dropdown{min-width: 150px;max-width: 450px}div.filler div.headermenu > a.entry,div.filler div.header a.back.button{font-size: 0.8em}img.image-icon{visibility: hidden}.CodeMirror{height: auto}#title{overflow: hidden;padding: 5px}#title > div > div.arrow-down{display: inline;width: 0;height: 0;margin: 6px;padding: 0px;margin-top: 10px}#title div.toolbar-icon{padding: 2px;margin-left: 10px;float: left}#title div.toolbar-icon.user,#title div.toolbar-icon.search,#title div.toolbar-icon.history{float: right;margin-right: 10px;margin-left: 10px}#title div.toolbar-icon.menu{cursor: default}#title div.toolbar-icon.search .inputholder{margin: 0;padding: 0;border: 0;display: inline}#title div.toolbar-icon.search .inputholder input{border: 0;margin: 0;padding: 0;width: 3em;display: inline}#title div.toolbar-icon div.dropdown{z-index: 2;min-width: 250px;display: none;position: absolute;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none}#title div.toolbar-icon div.dropdown div.entry{padding: 0}#title div.toolbar-icon div.dropdown div.entry > a{display: block;width: 100%;height: 100%;padding: 2px 5px}#title div.toolbar-icon div.dropdown div.entry > .text{display: block;margin: 10px}#title div.toolbar-icon div.dropdown div.divide{height: 1px;width: 100%;margin-top: 5px;margin-bottom: 5px}#title.open .toolbar-icon.open > div.dropdown{display: block}#navigation ul.or-navtree-list{list-style-type: none;margin: 0;padding: 0}#navigation ul.or-navtree-list ul{margin-left: 18px}#navigation ul.or-navtree-list .or-navtree-node-control{width: 18px;min-width: 18px;float: left;height: 18px;cursor: pointer}#navigation ul.or-navtree-list img{cfloat: left}#navigation ul.or-navtree-list .or-navtree-node{margin: 0;padding: 0 0px;line-height: 18px;font-weight: normal;white-space: nowrap}div#dialog > .view{overflow: auto;position: absolute;top: 5%;left: 10%;width: 80%;height: 80%;z-index: 101;border: 1px solid !important}div#dialog.is-closed{display: none}div#dialog div#filler{position: absolute;z-index: 100;top: 0;left: 0;height: 100%;width: 100%;opacity: 0.5}div#dialog div#filler span.icon{font-family: 'Helvetica', 'Arial', sans-serif;opacity: 1;font-size: 3em;font-weight: bold;text-align: center;width: 40px;height: 40px;position: absolute;right: 20px;top: 20px}.arrow{width: 0;height: 0;margin: 6px;padding: 0;font-size: 0}.arrow.arrow-down{border-right: 6px solid transparent;border-top: 6px solid;border-left: 6px solid transparent;border-bottom: 4px solid transparent;margin-top: 10px}.arrow.arrow-right{border-top: 6px solid transparent;border-left: 6px solid;border-bottom: 6px solid transparent;border-right: 4px solid transparent;margin-left: 10px}#editor .dirty{font-weight: bold}.visible-for-nojs{display: none}html.nojs .noscript{display: block}.toggle-open-close .on-click-open-close{cursor: pointer;font-weight: normal}.toggle-open-close > div{transition: height ease .5s;overflow: hidden}.toggle-open-close.closed .on-click-open-close .on-closed{display: inline}.toggle-open-close.closed .on-click-open-close .on-open{display: none}.toggle-open-close.closed > div{height: 0}.toggle-open-close.open > div{display: block}.toggle-open-close.open .on-click-open-close .on-closed{display: none}.toggle-open-close.open .on-click-open-close .on-open{display: inline}html,body{width: 100%;height: 100%}div#workbench{width: 100%;height: 100%;display: flex;flex-direction: column}div#workbench div.panel.modal{position: relative;z-index: 101;border: 1px solid !important}div#workbench > header{height: 3.0rem}div#workbench > header .toolbar-icon .arrow-down{display: inline}@media only screen and (max-width: 55rem){div#workbench > header .toolbar-icon span.label,div#workbench > header .toolbar-icon .arrow-down{display: none}}div#workbench > header .keystroke{position: absolute;right: 15px;top: 12px}div#workbench > div{flex: 1;display: flex;flex-direction: row;min-width: 0;min-height: 0}div#workbench > div > main{flex: 1}div#workbench > div > nav,div#workbench > div > main{min-width: 0;min-height: 0;overflow-y: auto;overflow-x: hidden}div#workbench > div > nav{width: 33%;overflow-y: hidden}@media only screen and (max-width: 55rem){div#workbench > div > nav{width: 0}}div#workbench > div > nav.small{width: 5em;opacity: 0.5;overflow-y: hidden}div#workbench > div > nav.small:hover{width: 50%;overflow-y: auto;opacity: 1}div#workbench > div > nav.open{overflow-y: auto}@media only screen and (max-width: 55rem){div#workbench > div > nav.open{width: 90%}}@media only screen and (min-width: 75rem){div#workbench > div > nav{width: 33%;overflow-y: auto}}div#workbench > div > nav div.view{height: 100%}div#workbench > div > main > section{margin: 1.5em;border: 1px solid;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px}@media only screen and (max-width: 55rem){div#workbench > div > main > section{margin: 0.5em}}div#workbench > div > main > section header *{display: inline}div#workbench > div > main > section .view-toolbar{display: inline}div#workbench > div > main > section.closed .view-toolbar{display: none}div#workbench > div > main > section.is-empty{display: none}#title .toggle-nav-small{display: inline}@media only screen and (max-width: 55rem){#title .toggle-nav-small{display: none}}#title .toggle-nav-open-close{display: none}@media only screen and (max-width: 55rem){#title .toggle-nav-open-close{display: inline}}#title .toolbar-icon.search{width: 8em}@media only screen and (max-width: 55rem){#title .toolbar-icon.search{width: 8em}}@media only screen and (max-width: 55rem){#title .toolbar-icon.search input{width: 3em}}.loader{background: url(../images/loader.gif) no-repeat;background-position: center, top;height: 30px;opacity: 0.5;cursor: wait}@media only screen and (max-width: 55rem){html{font-size: 1.0em}}.editor__text-editor{width: 100%;height: 300px}textarea.editor__code-editor{display: none}div.editor__code-editor{position: absolute;height: 500px;width: 100%;font-size: 14px;z-index: 256}textarea.editor__text-editor,textarea.editor__wiki-editor,textarea.editor__html-editor{width: 100%}a.editorlink:active,a.editorlink:hover{font-weight: normal;text-decoration: none}a.editorlink:link,a.editorlink:visited{font-weight: normal;text-decoration: none}fieldset{border: 1px solid;border-bottom: 0px;border-left: 0px;border-right: 0px;margin-top: 20px;margin-bottom: 20px;margin-left: 0px;margin-right: 0px;padding: 10px}div.line.filedropzone > div.input {width:100%;height:100px;border:1px dotted;}/** * simplemde v1.11.2 * Copyright Next Step Webs, Inc. * @link https://github.com/NextStepWebs/simplemde-markdown-editor diff --git a/modules/cms-ui/themes/default/style/openrat-ui.css b/modules/cms-ui/themes/default/style/openrat-ui.css @@ -380,7 +380,7 @@ div.content > form { } /* R e s p o n s i v e f o r m s */ .or-form { - padding: 20px; + padding: 1em; /* Style inputs, select elements and textareas */ /* Style the label to display next to the inputs */ /* Style the submit button */ @@ -409,10 +409,6 @@ div.content > form { margin-left: 20px; cursor: pointer; } -.or-form input.submit.ok { - font-weight: bold; - /* Primäre Aktion in Fettdruck */ -} .or-form input[type=text], .or-form select, .or-form textarea { @@ -450,13 +446,54 @@ div.content > form { display: table; clear: both; } +.or-form .or-form-row { + display: flex; + align-items: center; +} +.or-form .or-form-row .or-form-label { + width: 25%; +} +.or-form .or-form-row .or-form-input { + width: 75%; +} +.or-form .or-form-actionbar { + display: flex; + justify-content: end; + padding: 1em; +} +.or-form .or-form-actionbar .or-form-btn { + padding: 1em 2em; + min-width: 14em; + border: 0; + border-radius: 0.5em; + -moz-border-radius: 0.5em; + -webkit-border-radius: 0.5em; + -khtml-border-radius: 0.5em; + cursor: pointer; +} +.or-form .or-form-actionbar .or-form-btn--primary { + font-weight: bold; + /* Primäre Aktion in Fettdruck */ +} @media screen and (max-width: 65rem) { .or-form div.label, - .or-form div.input, - .or-form input[type=submit] { + .or-form div.input { width: 100%; margin-top: 0; } + .or-form .or-form-row { + flex-direction: column; + } + .or-form .or-form-row .or-form-label, + .or-form .or-form-row .or-form-input { + width: 100%; + } + .or-form .or-form-actionbar { + align-items: center; + } + .or-form .or-form-actionbar .or-form-btn { + width: 100%; + } } div.search > div.inputholder { padding-top: 1px; @@ -501,4 +538,4 @@ img.image-icon { .CodeMirror { height: auto; } -/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22openrat-ui.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAgBA%3BCACE%3BCACA%3BCACA%3B%3BAAGF%2CGAAG%3BAACH%2CGAAG%2CWAAY%3BAACf%2CGAAG%2CMAAS%2CMAAG%3BCACb%3B%3B%3BAAIF%2CGAAG%3BCACD%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAANF%2CGAAG%2CUAUD%2CIAAG%3BCACD%3B%3BAAOJ%2CGAAG%2CUAED%2CIAAG%3BCACD%2CyBAAA%3BCACA%3BCACA%3BCAhDF%2CkBAAA%3BCACA%2CuBAAA%3BCACA%2C0BAAA%3BCACA%2CyBAAA%3BCAGA%2CuCAAA%3BCACA%2CoCAAA%3BCACA%2C%2BBAAA%3BCA4CE%3B%3BAATJ%2CGAAG%2CUAYD%2CIAAG%2COAAO%3BCACR%3BCACA%2CqBAAA%3B%3BAAdJ%2CGAAG%2CUAiBD%2CIAAG%2COAAO%3BCACR%3BCACA%2CqBAAA%3B%3BAAnBJ%2CGAAG%2CUAsBD%2CIAAG%2COAAO%3BCACR%3BCACA%2CqBAAA%3B%3BAAxBJ%2CGAAG%2CUAsBD%2CIAAG%2COAAO%2CMAIR%2CIAAG%3BCACD%3B%3BAA3BN%2CGAAG%2CUA%2BBD%2CIAAG%2COAAO%3B%3B%3BAAeZ%2CGAAG%3BCACD%3BCACA%3B%3B%3B%3BAAQF%2CCAAC%3BAACD%2CCAAC%3BCACC%3BCACA%3B%3BAAGF%2CCAAC%3BAACD%2CCAAC%3BCACC%3BCACA%3B%3B%3BAAIF%2CGAAG%3BAACH%2CGAAG%3BCACD%3BCACA%3B%3B%3B%3BAAaF%2CGAAG%2CKAAM%3BCACP%3BCACA%3B%3BAAGF%2CGAAG%2CKAAM%3BCACP%3B%3BAAGF%3BAACA%3BCACE%3B%3B%3BAAKF%3BCACE%2CwBAAA%3BCACA%3B%3BAAGF%3BCACE%2CuBAAA%3BCACA%3B%3B%3BAAKF%2CGAAG%3BCACD%3BCACA%3BCACA%3B%3BAAGF%2CGAAG%2CMAAO%2CGAAE%2CMAAO%3BCACjB%3BCACA%3BCAEA%3BCAEA%2C%2BBAAA%3BCAEA%3B%3BCACA%3B%3BCACA%3B%3BCAEA%3B%3BCACA%3B%3BCACA%3B%3BCACA%3BCAEA%3BCACA%3BCACA%3B%3BAAGF%2CGAAG%3BCACD%3BCACA%3B%3B%3BAAIF%3BCACE%3BCACA%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAAFF%2CKAIE%2CGAAE%2CSAAY%3BCAEZ%3BCACA%3B%3BAAEA%2CKALF%2CGAAE%2CSAAY%2CKAKX%2CSAAY%2COAAI%2CWAAW%3BCAC1B%2CSAAS%2CQAAT%3B%3BAAEF%2CKARF%2CGAAE%2CSAAY%2CKAQX%2CUAAa%2COAAI%2CWAAW%3BCAC3B%2CSAAS%2CQAAT%3B%3BAAbN%2CKAiBE%2CGAAE%2CKAAQ%3BCACR%3B%3BAAlBJ%2CKAqBE%2CGAAE%3BCACA%3BCACA%3B%3BAAvBJ%2CKAyBE%2CGAAE%3BCACA%3BCACA%3B%3BAA3BJ%2CKA6BE%2CGAAE%3BCACA%3BCACA%3B%3BAA%5C%2FBJ%2CKAkCE%2CGAAE%3BCACA%3BCACA%3BCACA%3B%3BAAGF%2CKAAC%3BCACC%3BCACA%2CiBAAA%3BCACA%3B%3BAAHF%2CKAAC%2COAIC%3BCACE%3BCACA%3BCACA%2CgCAAA%3BCACA%3BCACA%3B%3BAATJ%2CKAAC%2COAeC%2CGAAE%3BCACA%3BCACA%3B%3BAAKJ%2CKAAC%3BCACC%3BCACA%3BCACA%3B%3BAAHF%2CKAAC%2CSAKC%3BCACE%2CkBAAA%3B%3BAApEN%2CKAyEE%2CGAAE%3BCACA%3BCACA%3BCACA%3B%3BAAGF%2CKAAC%3BCACC%3BCACA%2CiBAAA%3BCACA%3B%3BAAGF%2CKAAC%2COAAQ%3BCACP%3BCACA%3BCACA%2CgCAAA%3BCACA%3BCACA%3B%3BAAMF%2CKAAC%2COAAQ%2CGAAE%3BCACT%3BCACA%3B%3BAAIF%2CKAAC%3BCACC%3BCACA%3BCACA%3B%3BAAGF%2CKAAC%2CSAAU%3BCACT%2CkBAAA%3B%3BAA7GJ%2CKAgHE%2CGAAE%3BCACA%2C0BAAA%3BCACA%2C2BAAA%3BCACA%3BCACA%3BCACA%3B%3BAArHJ%2CKAuHE%2CGAAE%2CMAAS%2CMAAG%3BCACZ%3B%3BAAxHJ%2CKA4HE%2CGAAE%3B%3B%3B%3B%3B%3BAA5HJ%2CKA4HE%2CGAAE%2CKACE%2CKAAE%3BCACF%2CyBAAA%3BCACA%3BCACA%2C%2BBAAA%3BCACA%3BCACA%3B%3BAAlIN%2CKA4HE%2CGAAE%2CKAcE%2CKAAE%3BCACF%3B%3BAA3IN%2CKA4HE%2CGAAE%2CKAmBA%2CGAAE%3BCACA%3B%3BAAhJN%2CKA4HE%2CGAAE%2CKAwBA%2CGAAE%3BCACA%3B%3BAArJN%2CKA0JE%2CGAAG%2CGAAE%3BCACH%3B%3BAA3JJ%2CKA8JE%2CGAAE%2CSAAU%2CGAAE%3B%3B%3B%3BCAIZ%3B%3BAAlKJ%2CKAuKE%2CGAAE%3BCACA%3BCACA%3B%3BAAiBJ%2CmBAZsC%3BCAYtC%2CKAVI%2CGAAE%3BEACA%3B%3BCASN%2CKAPI%2CGAAK%3BEACH%3B%3B%3B%3BAASN%2CGAAG%2CMAAO%2CIAAG%3BCACX%3B%3BAAGF%2CGAAG%2CMAAO%2CIAAG%2COAAQ%2CIAAG%3BAACxB%2CGAAG%2CQAAQ%3BCACT%2CqDAAA%3BCACA%2C4BAAA%3B%3BAAGF%2CGAAG%2CMAAO%2CIAAG%2COAAQ%2CIAAG%3BAACxB%2CGAAG%2CQAAQ%3BCACT%2CuDAAA%3BCACA%2C4BAAA%3B%3BAAGF%2CGAAG%2CMAAO%2CIAAG%2COAAQ%2CIAAG%3BAACxB%2CGAAG%2CQAAQ%3BCACT%2CkDAAA%3BCACA%2C4BAAA%3B%3BAAGF%2CGAAG%2CMAAO%2CIAAG%2COAAQ%2CIAAG%3BAACxB%2CGAAG%2CQAAQ%3BCACT%2CoDAAA%3BCACA%2C4BAAA%3B%3BAAGF%2CGAAG%2CMAAO%2CIAAG%2COAAQ%3BAACrB%2CGAAG%3BCACD%2CyBAAA%3BCACA%2CyBAAA%3BCACA%2C2BAAA%3BCAEA%3BCACA%3BCACA%3BCACA%3B%3BAAIF%2CUACE%2CIAAG%2CMAAM%3BCACP%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%2CyBAAA%3BCACA%3BCACA%3BCACA%3B%3BAAVJ%2CUAaE%2CIAAG%2CMAAM%2CWAAc%2CMAAG%3BCACxB%3BCACA%3B%3BAAfJ%2CUAkBE%2CIAAG%3BCACD%2CyBAAA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAzBJ%2CUA4BE%2CIAAG%3BAA5BL%2CUA4BiB%2CIAAG%3BAA5BpB%2CUA4B4B%2CIAAG%3BCAC3B%3BCACA%3BCACA%3B%3BAA%5C%2FBJ%2CUAkCE%2CIAAG%2CMAAS%2CMAAG%3BCACb%3B%3BAAIJ%3BCACE%3B%3BAAGF%3BCACE%3B%3B%3B%3B%3BAAMF%2CGAAG%3BCACD%3B%3BAAGF%2CGAAG%2CQAAS%2CIAAG%3BCACb%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAGF%2CGAAG%2CQAAS%2CIAAG%2COAAU%2CMAAG%3BCAC1B%3BCACA%3BCACA%3B%3BAAGF%2CGAAG%2CQAAS%2CKAAI%2CsBAAuB%2CIAAG%3BCACxC%3B%3BAAGF%2CGAAG%2CQAAW%3BCACZ%3B%3B%3BAAWF%3BCA%2BBE%3B%3B%3B%3B%3B%3B%3B%3B%3BAA%5C%2FBF%2CQACE%2CMAAK%2CeAAkB%3BAADzB%2CQAEE%2CMAAK%2CYAAe%3BCAClB%3B%3BAAHJ%2CQAUE%2CIAAG%2CYAAe%2CMAAG%3BCACnB%3B%3BAAXJ%2CQAcE%2CMAAK%3BCACH%3BCACA%3BCACA%3B%3BCACA%3B%3BCACA%3B%3BCACA%3BCACA%3BCACA%3B%3BAAtBJ%2CQAyBE%2CMAAK%2COAAO%3BCACV%3B%3B%3BAA1BJ%2CQAiCE%2CMAAK%3BAAjCP%2CQAiCoB%3BAAjCpB%2CQAiC4B%3BCACxB%3BCACA%3BCACA%2CsBAAA%3BCACA%3BCACA%3BCACA%3B%3BAAvCJ%2CQA2CE%3BCACE%2CyBAAA%3BCACA%3B%3BAA7CJ%2CQAiDE%2CMAAK%3BCACH%3BCACA%2CkBAAA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAvDJ%2CQA2DE%2CIAAG%3BCACD%3BCACA%3BCACA%3B%3BAA9DJ%2CQAkEE%2CIAAG%3BCACD%3BCACA%3BCACA%3B%3BAArEJ%2CQAyEE%2CMAAK%3BCACH%2CSAAS%2CEAAT%3BCACA%3BCACA%3B%3BAAWJ%2CmBAPuC%3BCAOvC%2CQANI%2CIAAG%3BCAMP%2CQANe%2CIAAG%3BCAMlB%2CQAN0B%2CMAAK%3BEACzB%3BEACA%3B%3B%3BAAUN%2CGAAG%2COAAU%2CMAAG%3BCACd%3B%3BAAGF%2CGAAG%2CYAAe%3BAAClB%2CGAAG%2CYAAe%3BAAClB%2CGAAG%2CYAAe%3BCAChB%3BCACA%3B%3B%3BAAIF%2CQAAW%2CMAAI%2CMAAK%3BAACpB%2CQAAW%2CMAAI%2CKAAI%3BCACjB%3B%3B%3BAAIF%2CQAAW%2CMAAI%2CMAAK%3BAACpB%2CQAAW%2CMAAI%2CMAAK%3BAACpB%2CQAAW%2CMAAI%2CMAAK%3BAACpB%2CQAAW%2CMAAI%2CKAAI%3BAACnB%2CQAAW%2CMAAI%2CKAAI%3BAACnB%2CQAAW%2CMAAI%2CKAAI%3BCACjB%3BCACA%3B%3BAAGF%2CEAAE%3BCACA%3B%3BAAIF%2CGAAG%2CQAAS%3BAACZ%2CGAAG%3BCACD%3BCACA%3B%3BAAGF%2CGAAG%2COAAQ%2CIAAG%2CWAAc%2CIAAC%3BAAC7B%2CGAAG%2COAAQ%2CIAAG%2COAAQ%2CEAAC%2CKAAK%3BCAC1B%3B%3BAAGF%2CGAAG%3BCACD%3B%3B%3BAAIF%3BCACE%22%7D */- \ No newline at end of file +/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22openrat-ui.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAgBA%3BCACE%3BCACA%3BCACA%3B%3BAAGF%2CGAAG%3BAACH%2CGAAG%2CWAAY%3BAACf%2CGAAG%2CMAAS%2CMAAG%3BCACb%3B%3B%3BAAIF%2CGAAG%3BCACD%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAANF%2CGAAG%2CUAUD%2CIAAG%3BCACD%3B%3BAAOJ%2CGAAG%2CUAED%2CIAAG%3BCACD%2CyBAAA%3BCACA%3BCACA%3BCAhDF%2CkBAAA%3BCACA%2CuBAAA%3BCACA%2C0BAAA%3BCACA%2CyBAAA%3BCAGA%2CuCAAA%3BCACA%2CoCAAA%3BCACA%2C%2BBAAA%3BCA4CE%3B%3BAATJ%2CGAAG%2CUAYD%2CIAAG%2COAAO%3BCACR%3BCACA%2CqBAAA%3B%3BAAdJ%2CGAAG%2CUAiBD%2CIAAG%2COAAO%3BCACR%3BCACA%2CqBAAA%3B%3BAAnBJ%2CGAAG%2CUAsBD%2CIAAG%2COAAO%3BCACR%3BCACA%2CqBAAA%3B%3BAAxBJ%2CGAAG%2CUAsBD%2CIAAG%2COAAO%2CMAIR%2CIAAG%3BCACD%3B%3BAA3BN%2CGAAG%2CUA%2BBD%2CIAAG%2COAAO%3B%3B%3BAAeZ%2CGAAG%3BCACD%3BCACA%3B%3B%3B%3BAAQF%2CCAAC%3BAACD%2CCAAC%3BCACC%3BCACA%3B%3BAAGF%2CCAAC%3BAACD%2CCAAC%3BCACC%3BCACA%3B%3B%3BAAIF%2CGAAG%3BAACH%2CGAAG%3BCACD%3BCACA%3B%3B%3B%3BAAaF%2CGAAG%2CKAAM%3BCACP%3BCACA%3B%3BAAGF%2CGAAG%2CKAAM%3BCACP%3B%3BAAGF%3BAACA%3BCACE%3B%3B%3BAAKF%3BCACE%2CwBAAA%3BCACA%3B%3BAAGF%3BCACE%2CuBAAA%3BCACA%3B%3B%3BAAKF%2CGAAG%3BCACD%3BCACA%3BCACA%3B%3BAAGF%2CGAAG%2CMAAO%2CGAAE%2CMAAO%3BCACjB%3BCACA%3BCAEA%3BCAEA%2C%2BBAAA%3BCAEA%3B%3BCACA%3B%3BCACA%3B%3BCAEA%3B%3BCACA%3B%3BCACA%3B%3BCACA%3BCAEA%3BCACA%3BCACA%3B%3BAAGF%2CGAAG%3BCACD%3BCACA%3B%3B%3BAAIF%3BCACE%3BCACA%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAAFF%2CKAIE%2CGAAE%2CSAAY%3BCAEZ%3BCACA%3B%3BAAEA%2CKALF%2CGAAE%2CSAAY%2CKAKX%2CSAAY%2COAAI%2CWAAW%3BCAC1B%2CSAAS%2CQAAT%3B%3BAAEF%2CKARF%2CGAAE%2CSAAY%2CKAQX%2CUAAa%2COAAI%2CWAAW%3BCAC3B%2CSAAS%2CQAAT%3B%3BAAbN%2CKAiBE%2CGAAE%2CKAAQ%3BCACR%3B%3BAAlBJ%2CKAqBE%2CGAAE%3BCACA%3BCACA%3B%3BAAvBJ%2CKAyBE%2CGAAE%3BCACA%3BCACA%3B%3BAA3BJ%2CKA6BE%2CGAAE%3BCACA%3BCACA%3B%3BAA%5C%2FBJ%2CKAkCE%2CGAAE%3BCACA%3BCACA%3BCACA%3B%3BAAGF%2CKAAC%3BCACC%3BCACA%2CiBAAA%3BCACA%3B%3BAAHF%2CKAAC%2COAIC%3BCACE%3BCACA%3BCACA%2CgCAAA%3BCACA%3BCACA%3B%3BAATJ%2CKAAC%2COAeC%2CGAAE%3BCACA%3BCACA%3B%3BAAKJ%2CKAAC%3BCACC%3BCACA%3BCACA%3B%3BAAHF%2CKAAC%2CSAKC%3BCACE%2CkBAAA%3B%3BAApEN%2CKAyEE%2CGAAE%3BCACA%3BCACA%3BCACA%3B%3BAAGF%2CKAAC%3BCACC%3BCACA%2CiBAAA%3BCACA%3B%3BAAGF%2CKAAC%2COAAQ%3BCACP%3BCACA%3BCACA%2CgCAAA%3BCACA%3BCACA%3B%3BAAMF%2CKAAC%2COAAQ%2CGAAE%3BCACT%3BCACA%3B%3BAAIF%2CKAAC%3BCACC%3BCACA%3BCACA%3B%3BAAGF%2CKAAC%2CSAAU%3BCACT%2CkBAAA%3B%3BAA7GJ%2CKAgHE%2CGAAE%3BCACA%2C0BAAA%3BCACA%2C2BAAA%3BCACA%3BCACA%3BCACA%3B%3BAArHJ%2CKAuHE%2CGAAE%2CMAAS%2CMAAG%3BCACZ%3B%3BAAxHJ%2CKA4HE%2CGAAE%3B%3B%3B%3B%3B%3BAA5HJ%2CKA4HE%2CGAAE%2CKACE%2CKAAE%3BCACF%2CyBAAA%3BCACA%3BCACA%2C%2BBAAA%3BCACA%3BCACA%3B%3BAAlIN%2CKA4HE%2CGAAE%2CKAcE%2CKAAE%3BCACF%3B%3BAA3IN%2CKA4HE%2CGAAE%2CKAmBA%2CGAAE%3BCACA%3B%3BAAhJN%2CKA4HE%2CGAAE%2CKAwBA%2CGAAE%3BCACA%3B%3BAArJN%2CKA0JE%2CGAAG%2CGAAE%3BCACH%3B%3BAA3JJ%2CKA8JE%2CGAAE%2CSAAU%2CGAAE%3B%3B%3B%3BCAIZ%3B%3BAAlKJ%2CKAuKE%2CGAAE%3BCACA%3BCACA%3B%3BAAiBJ%2CmBAZsC%3BCAYtC%2CKAVI%2CGAAE%3BEACA%3B%3BCASN%2CKAPI%2CGAAK%3BEACH%3B%3B%3B%3BAASN%2CGAAG%2CMAAO%2CIAAG%3BCACX%3B%3BAAGF%2CGAAG%2CMAAO%2CIAAG%2COAAQ%2CIAAG%3BAACxB%2CGAAG%2CQAAQ%3BCACT%2CqDAAA%3BCACA%2C4BAAA%3B%3BAAGF%2CGAAG%2CMAAO%2CIAAG%2COAAQ%2CIAAG%3BAACxB%2CGAAG%2CQAAQ%3BCACT%2CuDAAA%3BCACA%2C4BAAA%3B%3BAAGF%2CGAAG%2CMAAO%2CIAAG%2COAAQ%2CIAAG%3BAACxB%2CGAAG%2CQAAQ%3BCACT%2CkDAAA%3BCACA%2C4BAAA%3B%3BAAGF%2CGAAG%2CMAAO%2CIAAG%2COAAQ%2CIAAG%3BAACxB%2CGAAG%2CQAAQ%3BCACT%2CoDAAA%3BCACA%2C4BAAA%3B%3BAAGF%2CGAAG%2CMAAO%2CIAAG%2COAAQ%3BAACrB%2CGAAG%3BCACD%2CyBAAA%3BCACA%2CyBAAA%3BCACA%2C2BAAA%3BCAEA%3BCACA%3BCACA%3BCACA%3B%3BAAIF%2CUACE%2CIAAG%2CMAAM%3BCACP%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%2CyBAAA%3BCACA%3BCACA%3BCACA%3B%3BAAVJ%2CUAaE%2CIAAG%2CMAAM%2CWAAc%2CMAAG%3BCACxB%3BCACA%3B%3BAAfJ%2CUAkBE%2CIAAG%3BCACD%2CyBAAA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAzBJ%2CUA4BE%2CIAAG%3BAA5BL%2CUA4BiB%2CIAAG%3BAA5BpB%2CUA4B4B%2CIAAG%3BCAC3B%3BCACA%3BCACA%3B%3BAA%5C%2FBJ%2CUAkCE%2CIAAG%2CMAAS%2CMAAG%3BCACb%3B%3BAAIJ%3BCACE%3B%3BAAGF%3BCACE%3B%3B%3B%3B%3BAAMF%2CGAAG%3BCACD%3B%3BAAGF%2CGAAG%2CQAAS%2CIAAG%3BCACb%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAGF%2CGAAG%2CQAAS%2CIAAG%2COAAU%2CMAAG%3BCAC1B%3BCACA%3BCACA%3B%3BAAGF%2CGAAG%2CQAAS%2CKAAI%2CsBAAuB%2CIAAG%3BCACxC%3B%3BAAGF%2CGAAG%2CQAAW%3BCACZ%3B%3B%3BAAWF%3BCA2BE%3B%3B%3B%3B%3B%3B%3B%3B%3BAA3BF%2CQACE%2CMAAK%2CeAAkB%3BAADzB%2CQAEE%2CMAAK%2CYAAe%3BCAClB%3B%3BAAHJ%2CQAUE%2CIAAG%2CYAAe%2CMAAG%3BCACnB%3B%3BAAXJ%2CQAcE%2CMAAK%3BCACH%3BCACA%3BCACA%3B%3BCACA%3B%3BCACA%3B%3BCACA%3BCACA%3BCACA%3B%3BAAtBJ%2CQA8BE%2CMAAK%3BAA9BP%2CQA8BoB%3BAA9BpB%2CQA8B4B%3BCACxB%3BCACA%3BCACA%2CsBAAA%3BCACA%3BCACA%3BCACA%3B%3BAApCJ%2CQAwCE%3BCACE%2CyBAAA%3BCACA%3B%3BAA1CJ%2CQA8CE%2CMAAK%3BCACH%3BCACA%2CkBAAA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAApDJ%2CQAwDE%2CIAAG%3BCACD%3BCACA%3BCACA%3B%3BAA3DJ%2CQA%2BDE%2CIAAG%3BCACD%3BCACA%3BCACA%3B%3BAAlEJ%2CQAsEE%2CMAAK%3BCACH%2CSAAS%2CEAAT%3BCACA%3BCACA%3B%3BAAzEJ%2CQA4EE%3BCACE%3BCACA%3B%3BAA9EJ%2CQA4EE%2CaAIE%3BCACE%3B%3BAAjFN%2CQA4EE%2CaAOE%3BCACE%3B%3BAApFN%2CQAwFE%3BCACE%3BCACA%3BCACA%3B%3BAA3FJ%2CQAwFE%2CmBAKC%3BCACE%2CgBAAA%3BCACA%3BCACA%3BCA1lBH%2CoBAAA%3BCACA%2CyBAAA%3BCACA%2C4BAAA%3BCACA%2C2BAAA%3BCA0lBG%3B%3BAAEA%2CQAbH%2CmBAKC%2CaAQG%3BCACC%3B%3B%3BAAiCP%2CmBAzBuC%3BCAyBvC%2CQAvBI%2CIAAG%3BCAuBP%2CQAvBe%2CIAAG%3BEACZ%3BEACA%3B%3BCAqBN%2CQAlBI%3BEACC%3B%3BCAiBL%2CQAlBI%2CaAEE%3BCAgBN%2CQAlBI%2CaAGE%3BEACE%3B%3BCAcR%2CQAVI%3BEAEE%3B%3BCAQN%2CQAVI%2CmBAIE%3BEACE%3B%3B%3BAAWR%2CGAAG%2COAAU%2CMAAG%3BCACd%3B%3BAAGF%2CGAAG%2CYAAe%3BAAClB%2CGAAG%2CYAAe%3BAAClB%2CGAAG%2CYAAe%3BCAChB%3BCACA%3B%3B%3BAAIF%2CQAAW%2CMAAI%2CMAAK%3BAACpB%2CQAAW%2CMAAI%2CKAAI%3BCACjB%3B%3B%3BAAIF%2CQAAW%2CMAAI%2CMAAK%3BAACpB%2CQAAW%2CMAAI%2CMAAK%3BAACpB%2CQAAW%2CMAAI%2CMAAK%3BAACpB%2CQAAW%2CMAAI%2CKAAI%3BAACnB%2CQAAW%2CMAAI%2CKAAI%3BAACnB%2CQAAW%2CMAAI%2CKAAI%3BCACjB%3BCACA%3B%3BAAGF%2CEAAE%3BCACA%3B%3BAAIF%2CGAAG%2CQAAS%3BAACZ%2CGAAG%3BCACD%3BCACA%3B%3BAAGF%2CGAAG%2COAAQ%2CIAAG%2CWAAc%2CIAAC%3BAAC7B%2CGAAG%2COAAQ%2CIAAG%2COAAQ%2CEAAC%2CKAAK%3BCAC1B%3B%3BAAGF%2CGAAG%3BCACD%3B%3B%3BAAIF%3BCACE%22%7D */+ \ No newline at end of file diff --git a/modules/cms-ui/themes/default/style/openrat-ui.less b/modules/cms-ui/themes/default/style/openrat-ui.less @@ -533,13 +533,10 @@ div.content > form { cursor: pointer; } - input.submit.ok { - font-weight: bold; /* Primäre Aktion in Fettdruck */ - } + padding: 1em; - padding: 20px; /* Style inputs, select elements and textareas */ input[type=text], select, textarea { width: 100%; @@ -587,13 +584,64 @@ div.content > form { clear: both; } + .or-form-row { + display: flex; + align-items: center; + + .or-form-label { + width:25%; + } + .or-form-input { + width: 75%; + } + } + + .or-form-actionbar { + display: flex; + justify-content: end; + padding: 1em; + + .or-form-btn { + padding: 1em 2em; + min-width: 14em; + border: 0; + + .border-radius(0.5em); + cursor: pointer; + + &--primary { + font-weight: bold; /* Primäre Aktion in Fettdruck */ + } + + } + } + + /* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */ @media screen and (max-width: 65rem) { - div.label, div.input, input[type=submit] { + + div.label, div.input { width: 100%; margin-top: 0; } + .or-form-row { + flex-direction: column; + .or-form-label, + .or-form-input { + width: 100%; + } + } + + .or-form-actionbar { + + align-items: center; + + .or-form-btn { + width:100%; + } + } + } } diff --git a/modules/cms-ui/themes/default/style/openrat-ui.min.css b/modules/cms-ui/themes/default/style/openrat-ui.min.css @@ -1 +1 @@ -iframe{width: 100%;height: 500px;display: block}div.breadcrumb,div.breadcrumb a,div.panel > div.title{font-weight: bold}div#noticebar{display: block;position: fixed;bottom: 40px;right: 40px;width: 250px;z-index: 113}div#noticebar div.log{font-family: monospace}div#noticebar div.notice{border: 2px solid #000;padding: 5px;margin: 5px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;-webkit-box-shadow: 3px 2px 5px #000;-moz-box-shadow: 3px 2px 5px #000;box-shadow: 3px 2px 5px #000;display: none}div#noticebar div.notice.ok{background-color: green;border-color: #000}div#noticebar div.notice.warning{background-color: yellow;border-color: #660}div#noticebar div.notice.error{background-color: red;border-color: #600}div#noticebar div.notice.error div.text{font-weight: bold}div.onrowvisible{visibility: hidden;display: inline}a:link,a:visited{font-weight: normal;text-decoration: none}a:active,a:hover{font-weight: normal;text-decoration: none}img[align=left],img[align=right]{padding-right: 1px;padding-left: 1px}div.logo h2{font-weight: normal;font-size: 24px}div.logo p{font-size: 13px}label,.clickable{cursor: pointer}.drophover{border: 2px dotted #008000;cursor: move}.dropactive{border: 1px dotted #00f;cursor: move}img.icon{padding: 4px;width: 16px;height: 16px}div.panel ul.views li{vertical-align: middle;padding: 0px;cursor: pointer;border-right: 1px solid #000;-moz-border-radius-topleft: 5px;-webkit-border-radius-topleft: 5px;-khtml-border-top-radius-topleft: 5px;-moz-border-radius-topright: 5px;-webkit-border-radius-topright: 5px;-khtml-border-top-radius-topright: 5px;border-top-right-radius: 5px;display: inline;white-space: nowrap;float: left}div.panel{margin: 0px;padding: 0px}table{overflow: auto;border: 2px}table tr.headline > td{padding: 3px;font-weight: bold}table tr.headline > td.sort-asc > span:last-child:after{content: " \2193"}table tr.headline > td.sort-desc > span:last-child:after{content: " \2191"}table tr.data > td{padding: 3px}table td.readonly{font-style: italic;font-weight: normal}table td.default{font-style: normal;font-weight: normal}table td.changed{font-style: normal;font-weight: bold}table td.notice{margin: 0px;padding: 5%;text-align: center}table.notice{width: 100%;border: 1px solid;border-spacing: 0px}table.notice th{padding: 2px;white-space: nowrap;border-bottom: 1px solid #000;font-weight: normal;text-align: left}table.notice tr.warning{margin: 0px;padding: 0px}table.calendar{table-layout: fixed;border-collapse: collapse;text-align: center}table.calendar td{border: 1px dotted}table td.notice{margin: 0px;padding: 5%;text-align: center}table.notice{width: 100%;border: 1px solid;border-spacing: 0px}table.notice th{padding: 2px;white-space: nowrap;border-bottom: 1px solid #000;font-weight: normal;text-align: left}table.notice tr.warning{margin: 0px;padding: 0px}table.calendar{table-layout: fixed;border-collapse: collapse;text-align: center}table.calendar td{border: 1px dotted}table td.motd{border-left: 3px solid #f00;border-right: 3px solid #f00;font-weight: bold;padding: 10px;margin: 10px}table td:hover > div.onrowvisible{visibility: visible}table tr.diff > td.line{background-color: #000;padding-right: 2px;border-right: 3px solid #000;text-align: right;margin-right: 2px}table tr.diff > td.old{background-color: red}table tr.diff td.new{background-color: green}table tr.diff td.notequal{background-color: yellow}table tr td.help{font-style: italic}table tr.headline td.help{font-style: normal}table td.logo{padding: 10px;margin: 0px}@media screen and (max-width: 40em){table tr.headline{display: none}table tr > td{display: block}}div.panel div.status{padding: 10px}div.panel div.status div.error,div.message.error{background: url(../images/notice_error.png) no-repeat;background-position: 5px 7px}div.panel div.status div.warn,div.message.warn{background: url(../images/notice_warning.png) no-repeat;background-position: 5px 7px}div.panel div.status div.ok,div.message.ok{background: url(../images/notice_ok.png) no-repeat;background-position: 5px 7px}div.panel div.status div.info,div.message.info{background: url(../images/notice_info.png) no-repeat;background-position: 5px 7px}div.panel div.status div,div.message{border: 1px solid #000;padding: 5px 0px 5px 25px;margin: 10px 10px 20px 10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px}#workbench div.panel.fullscreen{display: block;z-index: 109;position: fixed;top: 0;left: 0;background-color: #000;margin: 0px;width: 100% !important;height: 100% !important}#workbench div.panel.fullscreen > div.content{width: 100% !important;height: 100% !important}#workbench div.panel{border: 1px solid #000;margin: 0px;padding: 0px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px}#workbench div.container,#workbench div.panel,#workbench div.divider{display: inline;float: left;margin: 0px}#workbench div.panel > div.content{overflow: auto}.invisible{visibility: hidden}.visible{visibility: visible}div.panel{position: relative}div.content div.bottom{height: 55px;width: 100%;position: absolute;padding-right: 40px;bottom: 0px;right: 0px;xvisibility: hidden}div.content div.bottom > div.command{xvisibility: visible;float: right;z-index: 20}div.content form[data-autosave='true'] div.command{display: none}div.content > form{padding-bottom: 45px}.or-form{padding: 20px}.or-form input[type=checkbox] + label,.or-form input[type=radio] + label{width: 80%}.or-form div.inputholder > div.dropdown{width: 70%}.or-form input.submit{padding: 7px;border: 0px;-moz-border-radius: 7px;-webkit-border-radius: 7px;-khtml-border-radius: 7px;border-radius: 7px;margin-left: 20px;cursor: pointer}.or-form input.submit.ok{font-weight: bold}.or-form input[type=text],.or-form select,.or-form textarea{width: 100%;padding: 12px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;resize: vertical}.or-form label{padding: 12px 12px 12px 0;display: inline-block}.or-form input[type=submit]{color: white;padding: 12px 20px;border: none;border-radius: 4px;cursor: pointer;float: right}.or-form div.label{float: left;width: 25%;margin-top: 6px}.or-form div.input{float: left;width: 75%;margin-top: 6px}.or-form .line:after{content: "";display: table;clear: both}@media screen and (max-width: 65rem){.or-form div.label,.or-form div.input,.or-form input[type=submit]{width: 100%;margin-top: 0}}div.search > div.inputholder{padding-top: 1px}div.inputholder > input,div.inputholder > textarea,div.inputholder > select{padding: 2px;margin: 0px}fieldset > div input.name,fieldset > div span.name{font-weight: bold}fieldset > div input.filename,fieldset > div input.extension,fieldset > div input.ansidate,fieldset > div span.filename,fieldset > div span.extension,fieldset > div span.ansidate{font-family: Courier;font-size: 1em}dl.notice{padding: 15px}div.content pre,div.dropdown{min-width: 150px;max-width: 450px}div.filler div.headermenu > a.entry,div.filler div.header a.back.button{font-size: 0.8em}img.image-icon{visibility: hidden}.CodeMirror{height: auto}- \ No newline at end of file +iframe{width: 100%;height: 500px;display: block}div.breadcrumb,div.breadcrumb a,div.panel > div.title{font-weight: bold}div#noticebar{display: block;position: fixed;bottom: 40px;right: 40px;width: 250px;z-index: 113}div#noticebar div.log{font-family: monospace}div#noticebar div.notice{border: 2px solid #000;padding: 5px;margin: 5px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;-webkit-box-shadow: 3px 2px 5px #000;-moz-box-shadow: 3px 2px 5px #000;box-shadow: 3px 2px 5px #000;display: none}div#noticebar div.notice.ok{background-color: green;border-color: #000}div#noticebar div.notice.warning{background-color: yellow;border-color: #660}div#noticebar div.notice.error{background-color: red;border-color: #600}div#noticebar div.notice.error div.text{font-weight: bold}div.onrowvisible{visibility: hidden;display: inline}a:link,a:visited{font-weight: normal;text-decoration: none}a:active,a:hover{font-weight: normal;text-decoration: none}img[align=left],img[align=right]{padding-right: 1px;padding-left: 1px}div.logo h2{font-weight: normal;font-size: 24px}div.logo p{font-size: 13px}label,.clickable{cursor: pointer}.drophover{border: 2px dotted #008000;cursor: move}.dropactive{border: 1px dotted #00f;cursor: move}img.icon{padding: 4px;width: 16px;height: 16px}div.panel ul.views li{vertical-align: middle;padding: 0px;cursor: pointer;border-right: 1px solid #000;-moz-border-radius-topleft: 5px;-webkit-border-radius-topleft: 5px;-khtml-border-top-radius-topleft: 5px;-moz-border-radius-topright: 5px;-webkit-border-radius-topright: 5px;-khtml-border-top-radius-topright: 5px;border-top-right-radius: 5px;display: inline;white-space: nowrap;float: left}div.panel{margin: 0px;padding: 0px}table{overflow: auto;border: 2px}table tr.headline > td{padding: 3px;font-weight: bold}table tr.headline > td.sort-asc > span:last-child:after{content: " \2193"}table tr.headline > td.sort-desc > span:last-child:after{content: " \2191"}table tr.data > td{padding: 3px}table td.readonly{font-style: italic;font-weight: normal}table td.default{font-style: normal;font-weight: normal}table td.changed{font-style: normal;font-weight: bold}table td.notice{margin: 0px;padding: 5%;text-align: center}table.notice{width: 100%;border: 1px solid;border-spacing: 0px}table.notice th{padding: 2px;white-space: nowrap;border-bottom: 1px solid #000;font-weight: normal;text-align: left}table.notice tr.warning{margin: 0px;padding: 0px}table.calendar{table-layout: fixed;border-collapse: collapse;text-align: center}table.calendar td{border: 1px dotted}table td.notice{margin: 0px;padding: 5%;text-align: center}table.notice{width: 100%;border: 1px solid;border-spacing: 0px}table.notice th{padding: 2px;white-space: nowrap;border-bottom: 1px solid #000;font-weight: normal;text-align: left}table.notice tr.warning{margin: 0px;padding: 0px}table.calendar{table-layout: fixed;border-collapse: collapse;text-align: center}table.calendar td{border: 1px dotted}table td.motd{border-left: 3px solid #f00;border-right: 3px solid #f00;font-weight: bold;padding: 10px;margin: 10px}table td:hover > div.onrowvisible{visibility: visible}table tr.diff > td.line{background-color: #000;padding-right: 2px;border-right: 3px solid #000;text-align: right;margin-right: 2px}table tr.diff > td.old{background-color: red}table tr.diff td.new{background-color: green}table tr.diff td.notequal{background-color: yellow}table tr td.help{font-style: italic}table tr.headline td.help{font-style: normal}table td.logo{padding: 10px;margin: 0px}@media screen and (max-width: 40em){table tr.headline{display: none}table tr > td{display: block}}div.panel div.status{padding: 10px}div.panel div.status div.error,div.message.error{background: url(../images/notice_error.png) no-repeat;background-position: 5px 7px}div.panel div.status div.warn,div.message.warn{background: url(../images/notice_warning.png) no-repeat;background-position: 5px 7px}div.panel div.status div.ok,div.message.ok{background: url(../images/notice_ok.png) no-repeat;background-position: 5px 7px}div.panel div.status div.info,div.message.info{background: url(../images/notice_info.png) no-repeat;background-position: 5px 7px}div.panel div.status div,div.message{border: 1px solid #000;padding: 5px 0px 5px 25px;margin: 10px 10px 20px 10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px}#workbench div.panel.fullscreen{display: block;z-index: 109;position: fixed;top: 0;left: 0;background-color: #000;margin: 0px;width: 100% !important;height: 100% !important}#workbench div.panel.fullscreen > div.content{width: 100% !important;height: 100% !important}#workbench div.panel{border: 1px solid #000;margin: 0px;padding: 0px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px}#workbench div.container,#workbench div.panel,#workbench div.divider{display: inline;float: left;margin: 0px}#workbench div.panel > div.content{overflow: auto}.invisible{visibility: hidden}.visible{visibility: visible}div.panel{position: relative}div.content div.bottom{height: 55px;width: 100%;position: absolute;padding-right: 40px;bottom: 0px;right: 0px;xvisibility: hidden}div.content div.bottom > div.command{xvisibility: visible;float: right;z-index: 20}div.content form[data-autosave='true'] div.command{display: none}div.content > form{padding-bottom: 45px}.or-form{padding: 1em}.or-form input[type=checkbox] + label,.or-form input[type=radio] + label{width: 80%}.or-form div.inputholder > div.dropdown{width: 70%}.or-form input.submit{padding: 7px;border: 0px;-moz-border-radius: 7px;-webkit-border-radius: 7px;-khtml-border-radius: 7px;border-radius: 7px;margin-left: 20px;cursor: pointer}.or-form input[type=text],.or-form select,.or-form textarea{width: 100%;padding: 12px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;resize: vertical}.or-form label{padding: 12px 12px 12px 0;display: inline-block}.or-form input[type=submit]{color: white;padding: 12px 20px;border: none;border-radius: 4px;cursor: pointer;float: right}.or-form div.label{float: left;width: 25%;margin-top: 6px}.or-form div.input{float: left;width: 75%;margin-top: 6px}.or-form .line:after{content: "";display: table;clear: both}.or-form .or-form-row{display: flex;align-items: center}.or-form .or-form-row .or-form-label{width: 25%}.or-form .or-form-row .or-form-input{width: 75%}.or-form .or-form-actionbar{display: flex;justify-content: end;padding: 1em}.or-form .or-form-actionbar .or-form-btn{padding: 1em 2em;min-width: 14em;border: 0;border-radius: .5em;-moz-border-radius: .5em;-webkit-border-radius: .5em;-khtml-border-radius: .5em;cursor: pointer}.or-form .or-form-actionbar .or-form-btn--primary{font-weight: bold}@media screen and (max-width: 65rem){.or-form div.label,.or-form div.input{width: 100%;margin-top: 0}.or-form .or-form-row{flex-direction: column}.or-form .or-form-row .or-form-label,.or-form .or-form-row .or-form-input{width: 100%}.or-form .or-form-actionbar{align-items: center}.or-form .or-form-actionbar .or-form-btn{width: 100%}}div.search > div.inputholder{padding-top: 1px}div.inputholder > input,div.inputholder > textarea,div.inputholder > select{padding: 2px;margin: 0px}fieldset > div input.name,fieldset > div span.name{font-weight: bold}fieldset > div input.filename,fieldset > div input.extension,fieldset > div input.ansidate,fieldset > div span.filename,fieldset > div span.extension,fieldset > div span.ansidate{font-family: Courier;font-size: 1em}dl.notice{padding: 15px}div.content pre,div.dropdown{min-width: 150px;max-width: 450px}div.filler div.headermenu > a.entry,div.filler div.header a.back.button{font-size: 0.8em}img.image-icon{visibility: hidden}.CodeMirror{height: auto}+ \ No newline at end of file diff --git a/modules/cms-ui/themes/default/style/theme/openrat-theme.less b/modules/cms-ui/themes/default/style/theme/openrat-theme.less @@ -224,10 +224,15 @@ html.theme-@{cms-theme-id} { border: 1px solid @cms-title-background-color; } - input.submit { - background-color: @cms-title-background-color; + input.submit, + .or-form-btn { + background-color: @cms-inactive-background-color; color: @cms-title-text-color; .box-shadow(0px, 0px, 15px, @cms-background-color); + + &--primary { + background-color: @cms-title-background-color; + } } ul#history > li { @@ -306,7 +311,8 @@ html.theme-@{cms-theme-id} { color: @cms-title-background-color; } - div.inputholder { + div.inputholder + { background-color: @cms-title-text-color; border: 1px solid @cms-title-background-color; .border-radius(3px); @@ -315,6 +321,12 @@ html.theme-@{cms-theme-id} { box-shadow: inset 0px 0px 3px @cms-title-background-color; } + input[type='checkbox'], + input[type='radio'] { + background-color: @cms-title-background-color; + .border-radius(3px); + } + div.inputholder > input, div.inputholder > textarea, div.inputholder > select { border: 0px; border-bottom: 1px solid @cms-title-text-color; @@ -343,7 +355,7 @@ html.theme-@{cms-theme-id} { } fieldset { - border-color: @cms-title-background-color; + border-color: mix(@cms-background-color,@cms-title-background-color) } tr.diff > td.line { diff --git a/modules/template-engine/components/html/form/Form.class.php b/modules/template-engine/components/html/form/Form.class.php @@ -22,7 +22,7 @@ class FormComponent extends Component public $cancel = false; - public $visible = false; + public $readonly = false; /** * 'view' = Loads Action in the same view @@ -69,8 +69,8 @@ class FormComponent extends Component echo ' data-autosave="' . $this->htmlvalue($this->autosave) . '"'; echo '>'; - // Enable Submit on Enter - echo '<input type="submit" class="invisible" />'; + // Enable Submit on Enter - no need for...we have a submit button at the end. + // echo '<input type="submit" class="invisible" />'; if ( $this->target!='top') echo '<input type="hidden" name="<?php echo REQ_PARAM_EMBED ?>" value="1" />'; @@ -88,17 +88,19 @@ class FormComponent extends Component { $label = $this->htmlvalue($this->label); - echo '<div class="bottom">'; - echo "<div class=\"command {$this->visible}\">"; - - echo "<input type=\"submit\" class=\"submit ok\" value=\"{$label}\" />"; + echo '<div class="or-form-actionbar">'; + //echo "<div class=\"command {$this->visible}\">"; // Cancel-Button nicht anzeigen, wenn cancel==false. - if ($this->cancel) - { - echo '<input type="button" class="submit cancel" value="<?php echo lang("CANCEL") ?>" />'; + if ($this->cancel) + { + echo '<input type="button" class="or-form-btn or-form-btn" value="<?php echo lang("CANCEL") ?>" />'; } - echo '</div>'; + + if ( !$this->readonly ) + echo "<input type=\"submit\" class=\"or-form-btn or-form-btn--primary\" value=\"{$label}\" />"; + + //echo '</div>'; echo '</div>'; echo '</form>'; diff --git a/modules/template-engine/components/html/input/Input.class.php b/modules/template-engine/components/html/input/Input.class.php @@ -35,8 +35,15 @@ class InputComponent extends Component public $focus = false; + public $label; + public function begin() { + if ( $this->label ) + { + echo '<label class="or-form-row"><span class="or-form-label">'.lang($this->label).'</span><span class="or-form-input">'; + } + if(!$this->type == 'hidden') { // Verstecktes Feld. @@ -81,7 +88,6 @@ class InputComponent extends Component if(isset($this->readonly)) { - echo '<?php if ('.$this->value($this->readonly).') { ?>'; $this->outputHiddenField(); echo '<?php } ?>'; @@ -92,26 +98,31 @@ class InputComponent extends Component echo '<img src="'.OR_THEMES_DIR.'default/images/icon_'.$this->htmlvalue($this->icon). IMG_ICON_EXT .'" width="16" height="16" />'; echo '</div>'; - } + + + if ( $this->label ) + { + echo '</span></label>'; + } } - + private function outputHiddenField() { echo '<input'; echo ' type="hidden"'; echo ' name="'.$this->htmlvalue($this->name).'"'; - + echo ' value="<?php '; - + if(isset($this->default)) echo $this->value($this->default); else echo '$'.$this->varname($this->name); - + echo ' ?>"'; echo '/>'; - + } } diff --git a/modules/template-engine/components/html/inputarea/Inputarea.class.php b/modules/template-engine/components/html/inputarea/Inputarea.class.php @@ -24,10 +24,17 @@ class InputareaComponent extends Component public $default; public $maxlength = 0; + + public $label; public function begin() { - echo '<div class="inputholder">'; + if ( $this->label ) + { + echo '<label class="or-form-row"><span class="or-form-label">'.lang($this->label).'</span><span class="or-form-input">'; + } + + echo '<div class="inputholder">'; echo '<textarea'; echo ' class="'.$this->htmlvalue($this->class).'"'; echo ' name="'.$this->htmlvalue($this->name).'"'; @@ -44,6 +51,11 @@ class InputareaComponent extends Component echo ') ?>'; echo '</textarea>'; echo '</div>'; + + if ( $this->label ) + { + echo '</span></label>'; + } } } diff --git a/modules/template-engine/components/html/selectbox/Selectbox.class.php b/modules/template-engine/components/html/selectbox/Selectbox.class.php @@ -45,11 +45,17 @@ class SelectboxComponent extends Component * @var string */ public $lang = false; - + + + public $label; public function begin() { - + if ( $this->label ) + { + echo '<label class="or-form-row"><span class="or-form-label">'.lang($this->label).'</span><span class="or-form-input">'; + } + echo '<div class="inputholder">'; echo '<select '; echo ' id="'.'<?php echo REQUEST_ID ?>_'.$this->htmlvalue($this->name).'"'; @@ -85,6 +91,12 @@ class SelectboxComponent extends Component { echo '</select>'; echo '</div>'; + + + if ( $this->label ) + { + echo '</span></label>'; + } } } diff --git a/modules/template-engine/components/html/selectbox/component-select-box.php b/modules/template-engine/components/html/selectbox/component-select-box.php @@ -39,5 +39,3 @@ function component_select_option_list($values, $value, $addEmptyOption, $valuesA echo '>' . $box_value . '</option>'; } } - -?>- \ No newline at end of file diff --git a/modules/template-engine/components/template.xsd b/modules/template-engine/components/template.xsd @@ -715,6 +715,7 @@ <xsd:attribute name="icon" type="xsd:string"/> <xsd:attribute name="required" type="xsd:boolean"/> <xsd:attribute name="focus" type="xsd:boolean"/> + <xsd:attribute name="label" type="xsd:string"/> <xsd:attribute name="request" type="xsd:string"/> </xsd:complexType> <xsd:element name="insert" type="insertType"/> @@ -1107,6 +1108,7 @@ <xsd:attribute name="class" type="xsd:string"/> <xsd:attribute name="default" type="xsd:string"/> <xsd:attribute name="maxlength" type="xsd:int"/> + <xsd:attribute name="label" type="xsd:string"/> <xsd:attribute name="request" type="xsd:string"/> </xsd:complexType> <xsd:element name="window" type="windowType"/> @@ -1300,6 +1302,7 @@ <xsd:attribute name="multiple" type="xsd:boolean"/> <xsd:attribute name="size" type="xsd:int"/> <xsd:attribute name="lang" type="xsd:boolean"/> + <xsd:attribute name="label" type="xsd:string"/> <xsd:attribute name="request" type="xsd:string"/> </xsd:complexType> <xsd:element name="column" type="columnType"/> @@ -1809,7 +1812,7 @@ <xsd:attribute name="modelid" type="xsd:string"/> <xsd:attribute name="label" type="xsd:string"/> <xsd:attribute name="cancel" type="xsd:boolean"/> - <xsd:attribute name="visible" type="xsd:boolean"/> + <xsd:attribute name="readonly" type="xsd:boolean"/> <xsd:attribute name="target" type="xsd:string"/> <xsd:attribute name="enctype" type="xsd:string"/> <xsd:attribute name="async" type="xsd:boolean"/> diff --git a/modules/util/Tree.class.php b/modules/util/Tree.class.php @@ -558,6 +558,7 @@ class Tree $treeElement = new TreeElement(); $treeElement->id = $elementid; + $treeElement->internalId = $elementid; $treeElement->extraId = array(REQ_PARAM_LANGUAGE_ID => $_REQUEST[REQ_PARAM_LANGUAGE_ID], REQ_PARAM_MODEL_ID => $_REQUEST[REQ_PARAM_MODEL_ID]); $treeElement->text = $e->name; $treeElement->icon = 'el_' . $e->type;