diff --git a/public/css/app.css b/public/css/app.css index 3959cf6be..c28d5cb5b 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -47366,39 +47366,67 @@ button, input, optgroup, select, textarea{ .max-h-0 { max-height: 0; } -/* index */ -html[dir='ltr'] .index-actions:first-child{ - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; - border-right-width: 0px; -} -html[dir='rtl'] .index-actions:first-child{ - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; - border-left-width: 0px; -} -html[dir='ltr'] .index-actions:last-child{ - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; - border-left-width: 0px; -} -html[dir='rtl'] .index-actions:last-child{ - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; - border-right-width: 0px; -} -html[dir='ltr'] .index-actions:nth-child(2){ +[dir="ltr"] .index-actions:nth-child(2){ border-left-width: 1px; } -html[dir='rtl'] .index-actions:nth-child(2){ +[dir="rtl"] .index-actions:nth-child(2){ border-right-width: 1px; } -html[dir='ltr'] .index-actions:nth-child(3){ +[dir="ltr"] .index-actions:nth-child(3){ border-left-width: 0px; } -html[dir='rtl'] .index-actions:nth-child(3){ +[dir="rtl"] .index-actions:nth-child(3){ border-right-width: 0px; } +[dir="ltr"] .index-actions:first-child{ + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; + border-right-width: 0px; +} +[dir="rtl"] .index-actions:first-child{ + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; + border-left-width: 0px; +} +[dir="ltr"] .index-actions:last-child{ + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; + border-left-width: 0px; +} +[dir="rtl"] .index-actions:last-child{ + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; + border-right-width: 0px; +} +/* index */ +/* html[dir='ltr'] .index-actions:first-child { + @apply rounded-tl-lg rounded-bl-lg border-r-0; + } */ +/* html[dir='rtl'] .index-actions:first-child { + @apply rounded-tr-lg rounded-br-lg border-l-0; + } + */ +/* html[dir='ltr'] .index-actions:last-child { + @apply rounded-tr-lg rounded-br-lg border-l-0; + } */ +/* html[dir='rtl'] .index-actions:last-child { + @apply rounded-tl-lg rounded-bl-lg border-r-0; + } */ +/* html[dir='ltr'] .index-actions:nth-child(2) { + @apply border-l; + } + + html[dir='rtl'] .index-actions:nth-child(2) { + @apply border-r; + } + + html[dir='ltr'] .index-actions:nth-child(3) { + @apply border-l-0; + } + + html[dir='rtl'] .index-actions:nth-child(3) { + @apply border-r-0; + } */ [data-dropdown-actions] { -webkit-transform: unset !important; transform: unset !important; diff --git a/resources/assets/sass/app.css b/resources/assets/sass/app.css index 9bb8ffb69..63158a068 100644 --- a/resources/assets/sass/app.css +++ b/resources/assets/sass/app.css @@ -17,39 +17,10 @@ max-height: 0; } - /* index */ - html[dir='ltr'] .index-actions:first-child { - @apply rounded-tl-lg rounded-bl-lg border-r-0; + /* index */ + .index-actions { + @apply ltr:[&:nth-child(2)]:border-l ltr:[&:nth-child(3)]:border-l-0 rtl:[&:nth-child(2)]:border-r rtl:[&:nth-child(3)]:border-r-0 ltr:[&:first-child]:rounded-tl-lg ltr:[&:first-child]:rounded-bl-lg ltr:[&:first-child]:border-r-0 rtl:[&:first-child]:rounded-tr-lg rtl:[&:first-child]:rounded-br-lg rtl:[&:first-child]:border-l-0 ltr:[&:last-child]:rounded-tr-lg ltr:[&:last-child]:rounded-br-lg ltr:[&:last-child]:border-l-0 rtl:[&:last-child]:rounded-tl-lg rtl:[&:last-child]:rounded-bl-lg rtl:[&:last-child]:border-r-0; } - - html[dir='rtl'] .index-actions:first-child { - @apply rounded-tr-lg rounded-br-lg border-l-0; - } - - html[dir='ltr'] .index-actions:last-child { - @apply rounded-tr-lg rounded-br-lg border-l-0; - } - - html[dir='rtl'] .index-actions:last-child { - @apply rounded-tl-lg rounded-bl-lg border-r-0; - } - - html[dir='ltr'] .index-actions:nth-child(2) { - @apply border-l; - } - - html[dir='rtl'] .index-actions:nth-child(2) { - @apply border-r; - } - - html[dir='ltr'] .index-actions:nth-child(3) { - @apply border-l-0; - } - - html[dir='rtl'] .index-actions:nth-child(3) { - @apply border-r-0; - } - [data-dropdown-actions] { transform: unset !important; }