Merge pull request #10706 from iszmais/bugfix/item-column-spacing12

UI: #10703 for ILIAS 12

Author: BettyFromHH

templates/default/070-components/UI-framework/Item/_ui-component_item.scss

@@ -208,44 +208,6 @@ $il-item-gap-xs: 1px;
 	}
 }
 
-@media only screen and (min-width: ($il-grid-float-breakpoint-max + 1px)) {
-
-	.panel-secondary .il-item {
-		width: 100%;
-
-		.il-item-title {
-			word-break: break-word;
-		}
-
-		.il-item-description {
-			padding-top: 0;
-			word-break: break-word;
-		}
-
-		.il-item-divider {
-			padding: $il-padding-large-vertical 0 0 0;
-			margin: 0 0 $il-margin-large-vertical 0;
-		}
-
-		.col-sm-3 {
-			margin-top: $il-margin-base-vertical;
-			margin-left: 0;
-			width: 45px;
-			img {
-				width: 40px;
-			}
-		}
-
-		.col-sm-9{
-			width: calc(100% - 45px);
-		}
-		.col-md-6{
-			width: 100%;
-		}
-
-	}
-}
-
 /* otherwise dropdowns in items with icon do not work */
 .il-std-item .media .media-body, .il-std-item .media, .il-notification-item .media, .il-notification-item .media .media-body {
 	overflow: visible;
@@ -265,4 +227,4 @@ $il-item-gap-xs: 1px;
 			min-width: calc($il-icon-size-small + 2 * $il-padding-xlarge-horizontal);
 		}
 	}
-}
+}

templates/default/delos.css

@@ -5082,36 +5082,6 @@ hr.il-divider-with-label {
   gap: 6px;
 }
 
-@media only screen and (min-width: 992px) {
-  .panel-secondary .il-item {
-    width: 100%;
-  }
-  .panel-secondary .il-item .il-item-title {
-    word-break: break-word;
-  }
-  .panel-secondary .il-item .il-item-description {
-    padding-top: 0;
-    word-break: break-word;
-  }
-  .panel-secondary .il-item .il-item-divider {
-    padding: 6px 0 0 0;
-    margin: 0 0 6px 0;
-  }
-  .panel-secondary .il-item .col-sm-3 {
-    margin-top: 3px;
-    margin-left: 0;
-    width: 45px;
-  }
-  .panel-secondary .il-item .col-sm-3 img {
-    width: 40px;
-  }
-  .panel-secondary .il-item .col-sm-9 {
-    width: calc(100% - 45px);
-  }
-  .panel-secondary .il-item .col-md-6 {
-    width: 100%;
-  }
-}
 /* otherwise dropdowns in items with icon do not work */
 .il-std-item .media .media-body, .il-std-item .media, .il-notification-item .media, .il-notification-item .media .media-body {
   overflow: visible;