Issue #3348933: Modal dialog position in RTL (3d41393d) · Commits · project / gin

dist/css/components/dialog.css

+13 −8

Original line number	Diff line number	Diff line
		@@ -44,19 +44,12 @@

		.ui-dialog {
		position: absolute;
		left: 0;
		top: 0;
		font-family: var(--gin-font);
		outline: none;
		}

		[dir="ltr"] .ui-dialog {
		left: 0;
		}

		[dir="rtl"] .ui-dialog {
		right: 0;
		}

		.ui-dialog, .ui-dialog:focus, .ui-dialog:focus:active, .ui-dialog:focus:hover {
		box-shadow: var(--gin-shadow-l1);
		}
		@@ -74,6 +67,16 @@
		font-size: var(--gin-font-size-l);
		font-weight: var(--gin-font-weight-normal);
		color: #fff;
		width: 100%;
		box-sizing: border-box;
		}

		[dir="ltr"] .ui-dialog .ui-dialog-title {
		padding-right: var(--gin-spacing-xl);
		}

		[dir="rtl"] .ui-dialog .ui-dialog-title {
		padding-left: var(--gin-spacing-xl);
		}

		.ui-dialog .ui-dialog-content {
		@@ -122,10 +125,12 @@
		}

		[dir="ltr"] .ui-dialog .ui-dialog-titlebar-close {
		left: auto;
		right: 0;
		}

		[dir="rtl"] .ui-dialog .ui-dialog-titlebar-close {
		right: auto;
		left: 0;
		}

+5 −0

Original line number	Diff line number	Diff line
		@@ -40,6 +40,7 @@

		.ui-dialog {
		position: absolute;
		/rtl:ignore/
		left: 0;
		top: 0;
		font-family: var(--gin-font);
		@@ -65,6 +66,9 @@
		font-size: var(--gin-font-size-l);
		font-weight: var(--gin-font-weight-normal);
		color: #fff;
		width: 100%;
		padding-right: var(--gin-spacing-xl);
		box-sizing: border-box;
		}

		.ui-dialog-content {
		@@ -103,6 +107,7 @@
		.ui-dialog-titlebar-close {
		position: absolute;
		top: 50%;
		left: auto;
		right: 0;
		opacity: .8;
		margin: 0 var(--gin-spacing-l);