Адаптивный шаблон редактирования страницы

Адаптивный шаблон редактирования страницы

Разметка и стили Bootstrap, табличная верстка заменена на grid-модель

<!-- BEGIN: MAIN -->
<style media="screen">
	@media (min-width: 768px) {
		div.interim { display: contents; }
		div#top { grid-template-columns: 10rem auto; grid-gap: 1rem; }
	}
</style>
<main id="page_edit">
	<div class="container">
		<div class="title">
			{FILE "themes/{PHP.theme}/warnings.tpl"}
			<h2 class="my-3">{PAGEEDIT_PAGETITLE} #{PAGEEDIT_FORM_ID} ({PAGEEDIT_FORM_LOCAL_STATUS})</h2>
		</div>
		<form action="{PAGEEDIT_FORM_SEND}" enctype="multipart/form-data" method="post" name="pageform">
			<div id="top" class="d-md-grid">

				<div class="interim mb-3">
					<div>{PHP.L.Category}:</div>
					<div>{PAGEEDIT_FORM_CAT}</div>
				</div>

				<div class="interim mb-3">
					<div>{PHP.L.Title}:</div>
					<div>{PAGEEDIT_FORM_TITLE}</div>
				</div>

				<div class="interim mb-3">
					<div>{PHP.L.Description}:</div>
					<div>{PAGEEDIT_FORM_DESCRIPTION}</div>
				</div>

				<div class="interim mb-3">
					<div>{PHP.L.Date}:</div>
					<div>
						{PAGEEDIT_FORM_DATE}
						<div class="mt-1">{PAGEEDIT_FORM_DATENOW} {PHP.L.Update}</div>
					</div>
				</div>

				<div class="interim mb-3">
					<div>{PHP.L.Begin}:</div>
					<div>{PAGEEDIT_FORM_BEGIN}</div>
				</div>

				<div class="interim mb-3">
					<div>{PHP.L.Expire}:</div>
					<div>{PAGEEDIT_FORM_EXPIRE}</div>
				</div>
				<div class="interim mb-3">
					<div>{PHP.L.Alias}:</div>
					<div>{PAGEEDIT_FORM_ALIAS}</div>
				</div>

				<div class="interim mb-3">
					<div>{PHP.L.page_metatitle}:</div>
					<div>{PAGEEDIT_FORM_METATITLE}</div>
				</div>

				<div class="interim mb-3">
					<div>{PHP.L.page_metadesc}:</div>
					<div>{PAGEEDIT_FORM_METADESC}</div>
				</div>

				<!-- IF {PAGEEDIT_FORM_TAGS} -->
				<div class="interim mb-3">
					<div>{PHP.L.Tags}:</div>
					<div>{PAGEEDIT_FORM_TAGS}</div>
				</div>
				<!-- ENDIF -->

				<!-- BEGIN: ADMIN -->
				<div class="interim mb-3">
					<div>{PHP.L.Owner} / {PHP.L.Author}:</div>
					<div class="d-flex flex-wrap gap-2">{PAGEEDIT_FORM_OWNER_ID}{PAGEEDIT_FORM_AUTHOR}</div>
				</div>
				<div class="interim mb-3">
					<div>{PHP.L.Hits}:</div>
					<div>{PAGEEDIT_FORM_HITS}</div>
				</div>
				<!-- END: ADMIN -->

				<div class="interim mb-3">
					<div>{PHP.L.Parser}:</div>
					<div>{PAGEEDIT_FORM_PARSER}</div>
				</div>

				<div class="interim mb-3">
					<div>{PHP.L.Text}</div>
					<div>{PAGEEDIT_FORM_TEXT}</div>
				</div>

				<div class="interim mb-3">
					<div>{PHP.L.page_deletepage}:</div>
					<div>{PAGEEDIT_FORM_DELETE}</div>
				</div>

				<div class="interim mb-3">
					<div>{PHP.L.Action}:</div>
					<div class="d-flex flex-wrap gap-2">
						<!-- IF {PHP.usr_can_publish} -->
						<button type="submit" name="rpagestate" value="0" class="btn btn-success btn-sm">
							{PHP.L.Publish}
						</button>
						<!-- ENDIF -->
						<button type="submit" name="rpagestate" value="2" class="submit btn btn-warning btn-sm">
							{PHP.L.Saveasdraft}
						</button>
						<button type="submit" name="rpagestate" value="1" class="btn btn-danger btn-sm">
							{PHP.L.Submitforapproval}
						</button>
					</div>
				</div>

			</div>
		</form>
	</div>
</main>
<!-- END: MAIN -->