@cerema/cadriciel 1.1.0 → 1.1.1

package/aaaa/client/assets/layout/styles/theme/designer/components/menu/_breadcrumb.scss

@@ -0,0 +1,42 @@
+.p-breadcrumb {
+  background: $breadcrumbBg;
+  border: $breadcrumbBorder;
+  border-radius: $borderRadius;
+  padding: $breadcrumbPadding;
+
+  ul {
+    li {
+      .p-menuitem-link {
+        transition: $listItemTransition;
+        border-radius: $borderRadius;
+
+        &:focus {
+          @include focused();
+        }
+
+        .p-menuitem-text {
+          color: $breadcrumbItemTextColor;
+        }
+
+        .p-menuitem-icon {
+          color: $breadcrumbItemIconColor;
+        }
+      }
+
+      &.p-breadcrumb-chevron {
+        margin: 0 $inlineSpacing 0 $inlineSpacing;
+        color: $breadcrumbSeparatorColor;
+      }
+
+      &:last-child {
+        .p-menuitem-text {
+          color: $breadcrumbLastItemTextColor;
+        }
+
+        .p-menuitem-icon {
+          color: $breadcrumbLastItemIconColor;
+        }
+      }
+    }
+  }
+}

package/aaaa/client/assets/layout/styles/theme/designer/components/menu/_contextmenu.scss

@@ -0,0 +1,56 @@
+.p-contextmenu {
+  padding: $verticalMenuPadding;
+  background: $overlayMenuBg;
+  color: $menuTextColor;
+  border: $overlayMenuBorder;
+  box-shadow: $overlayMenuShadow;
+  border-radius: $borderRadius;
+  width: $menuWidth;
+
+  .p-menuitem-link {
+    @include menuitem-link();
+  }
+
+  .p-submenu-list {
+    padding: $verticalMenuPadding;
+    background: $overlayMenuBg;
+    border: $overlayMenuBorder;
+    box-shadow: $overlayMenuShadow;
+    border-radius: $borderRadius;
+  }
+
+  .p-menuitem {
+    margin: $verticalMenuitemMargin;
+
+    &:last-child {
+      margin: 0;
+    }
+
+    &.p-menuitem-active {
+      > .p-menuitem-link {
+        background: $menuitemActiveBg;
+
+        .p-menuitem-text {
+          color: $menuitemTextActiveColor;
+        }
+
+        .p-menuitem-icon, .p-submenu-icon {
+          color: $menuitemIconActiveColor;
+        }
+      }
+    }
+  }
+
+  .p-menu-separator {
+    border-top: $divider;
+    margin: $menuSeparatorMargin;
+  }
+
+  .p-submenu-icon {
+    font-size: $menuitemSubmenuIconFontSize;
+  }
+
+  .p-menuitem-badge {
+    @include menuitem-badge();
+  }
+}

package/aaaa/client/assets/layout/styles/theme/designer/components/menu/_dock.scss

@@ -0,0 +1,86 @@
+.p-dock {
+  .p-dock-list {
+    background: $dockBg;
+    border: $dockBorder;
+    padding: $dockPadding;
+    border-radius: $dockBorderRadius;
+  }
+
+  .p-dock-item {
+    padding: $dockItemPadding;
+  }
+
+  .p-dock-action {
+    width: $dockActionWidth;
+    height: $dockActionHeight;
+  }
+
+  &.p-dock-top,
+  &.p-dock-bottom {
+    .p-dock-item-second-prev,
+    .p-dock-item-second-next {
+      margin: 0 $dockSecondItemsMargin;
+    }
+
+    .p-dock-item-prev,
+    .p-dock-item-next {
+      margin: 0 $dockFirstItemsMargin;
+    }
+
+    .p-dock-item-current {
+      margin: 0 $dockCurrentItemMargin;
+    }
+  }
+
+  &.p-dock-left,
+  &.p-dock-right {
+    .p-dock-item-second-prev,
+    .p-dock-item-second-next {
+      margin: $dockSecondItemsMargin 0;
+    }
+
+    .p-dock-item-prev,
+    .p-dock-item-next {
+      margin: $dockFirstItemsMargin 0;
+    }
+
+    .p-dock-item-current {
+      margin: $dockCurrentItemMargin 0;
+    }
+  }
+}
+
+@media screen and (max-width: 960px) {
+  .p-dock {
+    &.p-dock-top,
+    &.p-dock-bottom {
+      .p-dock-list-container {
+        overflow-x: auto;
+        width: 100%;
+
+        .p-dock-list {
+          margin: 0 auto;
+        }
+      }
+    }
+
+    &.p-dock-left,
+    &.p-dock-right {
+      .p-dock-list-container {
+        overflow-y: auto;
+        height: 100%;
+
+        .p-dock-list {
+          margin: auto 0;
+        }
+      }
+    }
+
+    .p-dock-list {
+      .p-dock-item {
+        transform: none;
+        margin: 0;
+      }
+    }
+  }
+}

package/aaaa/client/assets/layout/styles/theme/designer/components/menu/_megamenu.scss

@@ -0,0 +1,106 @@
+.p-megamenu {
+  padding: $horizontalMenuPadding;
+  background: $horizontalMenuBg;
+  color: $horizontalMenuTextColor;
+  border: $horizontalMenuBorder;
+  border-radius: $borderRadius;
+
+  .p-megamenu-root-list {
+    > .p-menuitem {
+      > .p-menuitem-link {
+        @include horizontal-rootmenuitem-link();
+      }
+
+      &.p-menuitem-active {
+        > .p-menuitem-link,
+        > .p-menuitem-link:not(.p-disabled):hover {
+          background: $horizontalMenuRootMenuitemActiveBg;
+
+          .p-menuitem-text {
+            color: $horizontalMenuRootMenuitemTextActiveColor;
+          }
+
+          .p-menuitem-icon {
+            color: $horizontalMenuRootMenuitemIconActiveColor;
+          }
+
+          .p-submenu-icon {
+            color: $horizontalMenuRootMenuitemIconActiveColor;
+          }
+        }
+      }
+    }
+  }
+
+  .p-menuitem-link {
+    @include menuitem-link();
+  }
+
+  .p-megamenu-panel {
+    background: $overlayMenuBg;
+    color: $menuTextColor;
+    border: $overlayMenuBorder;
+    box-shadow: $overlayMenuShadow;
+  }
+
+  .p-megamenu-submenu-header {
+    margin: $submenuHeaderMargin;
+    padding: $submenuHeaderPadding;
+    color: $submenuHeaderTextColor;
+    background: $submenuHeaderBg;
+    font-weight: $submenuHeaderFontWeight;
+    border-top-right-radius: $borderRadius;
+    border-top-left-radius: $borderRadius;
+  }
+
+  .p-megamenu-submenu {
+    padding: $verticalMenuPadding;
+    width: $menuWidth;
+
+    .p-menu-separator {
+      border-top: $divider;
+      margin: $menuSeparatorMargin;
+    }
+
+    .p-menuitem {
+      margin: $verticalMenuitemMargin;
+
+      &:last-child {
+        margin: 0;
+      }
+    }
+  }
+
+  .p-menuitem {
+    &.p-menuitem-active {
+      > .p-menuitem-link {
+        background: $menuitemActiveBg;
+
+        .p-menuitem-text {
+          color: $menuitemTextActiveColor;
+        }
+
+        .p-menuitem-icon, .p-submenu-icon {
+          color: $menuitemIconActiveColor;
+        }
+      }
+    }
+  }
+
+  &.p-megamenu-vertical {
+    width: $menuWidth;
+    padding: $verticalMenuPadding;
+
+    .p-menuitem {
+      margin: $verticalMenuitemMargin;
+
+      &:last-child {
+        margin: 0;
+      }
+    }
+  }
+
+  .p-menuitem-badge {
+    @include menuitem-badge();
+  }
+}

package/aaaa/client/assets/layout/styles/theme/designer/components/menu/_menu.scss

@@ -0,0 +1,45 @@
+.p-menu {
+  padding: $verticalMenuPadding;
+  background: $menuBg;
+  color: $menuTextColor;
+  border: $menuBorder;
+  border-radius: $borderRadius;
+  width: $menuWidth;
+
+  .p-menuitem-link {
+    @include menuitem-link();
+  }
+
+  &.p-menu-overlay {
+    background: $overlayMenuBg;
+    border: $overlayMenuBorder;
+    box-shadow: $overlayMenuShadow;
+  }
+
+  .p-submenu-header {
+    margin: $submenuHeaderMargin;
+    padding: $submenuHeaderPadding;
+    color: $submenuHeaderTextColor;
+    background: $submenuHeaderBg;
+    font-weight: $submenuHeaderFontWeight;
+    border-top-right-radius: $submenuHeaderBorderRadius;
+    border-top-left-radius: $submenuHeaderBorderRadius;
+  }
+
+  .p-menu-separator {
+    border-top: $divider;
+    margin: $menuSeparatorMargin;
+  }
+
+  .p-menuitem {
+    margin: $verticalMenuitemMargin;
+
+    &:last-child {
+      margin: 0;
+    }
+  }
+
+  .p-menuitem-badge {
+    @include menuitem-badge();
+  }
+}

package/aaaa/client/assets/layout/styles/theme/designer/components/menu/_menubar.scss

@@ -0,0 +1,183 @@
+.p-menubar {
+  padding: $horizontalMenuPadding;
+  background: $horizontalMenuBg;
+  color: $horizontalMenuTextColor;
+  border: $horizontalMenuBorder;
+  border-radius: $borderRadius;
+
+  .p-menuitem-link {
+    @include menuitem-link();
+  }
+
+  .p-menubar-root-list {
+    > .p-menuitem {
+      > .p-menuitem-link {
+        @include horizontal-rootmenuitem-link();
+      }
+
+      &.p-menuitem-active {
+        > .p-menuitem-link,
+        > .p-menuitem-link:not(.p-disabled):hover {
+          background: $horizontalMenuRootMenuitemActiveBg;
+
+          .p-menuitem-text {
+            color: $horizontalMenuRootMenuitemTextActiveColor;
+          }
+
+          .p-menuitem-icon {
+            color: $horizontalMenuRootMenuitemIconActiveColor;
+          }
+
+          .p-submenu-icon {
+            color: $horizontalMenuRootMenuitemIconActiveColor;
+          }
+        }
+      }
+    }
+  }
+
+  .p-submenu-list {
+    padding: $verticalMenuPadding;
+    background: $overlayMenuBg;
+    border: $overlayMenuBorder;
+    box-shadow: $overlayMenuShadow;
+    width: $menuWidth;
+
+    .p-menu-separator {
+      border-top: $divider;
+      margin: $menuSeparatorMargin;
+    }
+
+    .p-submenu-icon {
+      font-size: $menuitemSubmenuIconFontSize;
+    }
+
+    .p-menuitem {
+      margin: $verticalMenuitemMargin;
+
+      &:last-child {
+        margin: 0;
+      }
+    }
+  }
+
+  .p-menuitem {
+    &.p-menuitem-active {
+      > .p-menuitem-link {
+        background: $menuitemActiveBg;
+
+        .p-menuitem-text {
+          color: $menuitemTextActiveColor;
+        }
+
+        .p-menuitem-icon, .p-submenu-icon {
+          color: $menuitemIconActiveColor;
+        }
+      }
+    }
+  }
+
+  .p-menuitem-badge {
+    @include menuitem-badge();
+  }
+}
+
+@media screen and (max-width: 960px) {
+  .p-menubar {
+    position: relative;
+
+    .p-menubar-button {
+      display: flex;
+      width: $actionIconWidth;
+      height: $actionIconHeight;
+      color: $horizontalMenuRootMenuitemIconColor;
+      border-radius: $actionIconBorderRadius;
+      transition: $actionIconTransition;
+
+      &:hover {
+        color: $horizontalMenuRootMenuitemIconHoverColor;
+        background: $horizontalMenuRootMenuitemHoverBg;
+      }
+
+      &:focus {
+        @include focused();
+      }
+    }
+
+    .p-menubar-root-list {
+      position: absolute;
+      display: none;
+      padding: $verticalMenuPadding;
+      background: $overlayMenuBg;
+      border: $overlayMenuBorder;
+      box-shadow: $overlayMenuShadow;
+      width: 100%;
+
+      .p-menu-separator {
+        border-top: $divider;
+        margin: $menuSeparatorMargin;
+      }
+
+      .p-submenu-icon {
+        font-size: $menuitemSubmenuIconFontSize;
+      }
+
+      > .p-menuitem {
+        width: 100%;
+        position: static;
+
+        > .p-menuitem-link {
+          @include menuitem-link();
+
+          > .p-submenu-icon {
+            margin-left: auto;
+            transition: transform $transitionDuration;
+          }
+        }
+
+        &.p-menuitem-active {
+          > .p-menuitem-link {
+            > .p-submenu-icon {
+              transform: rotate(-180deg);
+            }
+          }
+        }
+      }
+
+      .p-submenu-list {
+        width: 100%;
+        position: static;
+        box-shadow: none;
+        border: 0 none;
+
+        .p-submenu-icon {
+          transition: transform $transitionDuration;
+          transform: rotate(90deg);
+        }
+
+        .p-menuitem-active {
+          > .p-menuitem-link {
+            > .p-submenu-icon {
+              transform: rotate(-90deg);
+            }
+          }
+        }
+      }
+
+      .p-menuitem {
+        width: 100%;
+        position: static;
+      }
+
+      @include nested-submenu-indents(nth($menuitemPadding, 1), 2, 10);
+    }
+
+    &.p-menubar-mobile-active .p-menubar-root-list {
+      display: flex;
+      flex-direction: column;
+      top: 100%;
+      left: 0;
+      z-index: 1;
+    }
+  }
+}

package/aaaa/client/assets/layout/styles/theme/designer/components/menu/_panelmenu.scss

@@ -0,0 +1,140 @@
+.p-panelmenu {
+  .p-panelmenu-header {
+    > a {
+      padding: $accordionHeaderPadding;
+      border: $accordionHeaderBorder;
+      color: $accordionHeaderTextColor;
+      background: $accordionHeaderBg;
+      font-weight: $accordionHeaderFontWeight;
+      border-radius: $borderRadius;
+      transition: $listItemTransition;
+
+      .p-panelmenu-icon {
+        margin-right: $inlineSpacing;
+      }
+
+      .p-menuitem-icon {
+        margin-right: $inlineSpacing;
+      }
+
+      &:focus {
+        @include focused();
+      }
+    }
+
+    &:not(.p-highlight):not(.p-disabled) {
+      > a:hover {
+        background: $accordionHeaderHoverBg;
+        border-color: $accordionHeaderHoverBorderColor;
+        color: $accordionHeaderTextHoverColor;
+      }
+    }
+
+    &.p-highlight {
+      margin-bottom: 0;
+
+      > a {
+        background: $accordionHeaderActiveBg;
+        border-color: $accordionHeaderActiveBorderColor;
+        color: $accordionHeaderTextActiveColor;
+        border-bottom-right-radius: 0;
+        border-bottom-left-radius: 0;
+      }
+
+      &:not(.p-disabled) {
+        > a {
+          &:hover {
+            border-color: $accordionHeaderActiveHoverBorderColor;
+            background: $accordionHeaderActiveHoverBg;
+            color: $accordionHeaderTextActiveHoverColor;
+          }
+        }
+      }
+    }
+  }
+
+  .p-panelmenu-content {
+    padding: $verticalMenuPadding;
+    border: $accordionContentBorder;
+    background: $accordionContentBg;
+    color: $accordionContentTextColor;
+    margin-bottom: $accordionSpacing;
+    border-top: 0;
+    border-top-right-radius: 0;
+    border-top-left-radius: 0;
+    border-bottom-right-radius: $borderRadius;
+    border-bottom-left-radius: $borderRadius;
+
+    .p-menuitem {
+      .p-menuitem-link {
+        @include menuitem-link();
+
+        .p-panelmenu-icon {
+          margin-right: $inlineSpacing;
+        }
+      }
+    }
+
+    .p-submenu-list:not(.p-panelmenu-root-submenu) {
+      padding: $treeNodeChildrenPadding;
+    }
+  }
+
+  .p-panelmenu-panel {
+    margin-bottom: $accordionSpacing;
+
+    @if $accordionSpacing == 0 {
+      .p-panelmenu-header {
+        > a {
+          border-radius: 0;
+        }
+      }
+
+      .p-panelmenu-content {
+        border-radius: 0;
+      }
+
+      &:not(:first-child) {
+        .p-panelmenu-header {
+          > a {
+            border-top: 0 none;
+          }
+
+          &:not(.p-highlight):not(.p-disabled):hover,
+          &:not(.p-disabled).p-highlight:hover {
+            > a {
+              border-top: 0 none;
+            }
+          }
+        }
+      }
+
+      &:first-child {
+        .p-panelmenu-header {
+          > a {
+            border-top-right-radius: $borderRadius;
+            border-top-left-radius: $borderRadius;
+          }
+        }
+      }
+
+      &:last-child {
+        .p-panelmenu-header:not(.p-highlight) {
+          > a {
+            border-bottom-right-radius: $borderRadius;
+            border-bottom-left-radius: $borderRadius;
+          }
+        }
+
+        .p-panelmenu-content {
+          border-bottom-right-radius: $borderRadius;
+          border-bottom-left-radius: $borderRadius;
+        }
+      }
+    }
+  }
+
+  .p-menuitem-badge {
+    @include menuitem-badge();
+  }
+}

package/aaaa/client/assets/layout/styles/theme/designer/components/menu/_slidemenu.scss

@@ -0,0 +1,59 @@
+.p-slidemenu {
+  padding: $verticalMenuPadding;
+  background: $menuBg;
+  color: $menuTextColor;
+  border: $menuBorder;
+  border-radius: $borderRadius;
+  width: $menuWidth;
+
+  .p-menuitem-link {
+    @include menuitem-link();
+  }
+
+  &.p-slidemenu-overlay {
+    background: $overlayMenuBg;
+    border: $overlayMenuBorder;
+    box-shadow: $overlayMenuShadow;
+  }
+
+  .p-slidemenu-list {
+    padding: $verticalMenuPadding;
+    background: $overlayMenuBg;
+    border: $overlayMenuBorder;
+    box-shadow: $overlayMenuShadow;
+  }
+
+  .p-slidemenu {
+    &.p-slidemenu-active {
+      > .p-slidemenu-link {
+        background: $menuitemActiveBg;
+
+        .p-slidemenu-text {
+          color: $menuitemTextActiveColor;
+        }
+
+        .p-slidemenu-icon, .p-slidemenu-icon {
+          color: $menuitemIconActiveColor;
+        }
+      }
+    }
+  }
+
+  .p-slidemenu-separator {
+    border-top: $divider;
+    margin: $menuSeparatorMargin;
+  }
+
+  .p-slidemenu-icon {
+    font-size: $menuitemSubmenuIconFontSize;
+  }
+
+  .p-slidemenu-backward {
+    padding: $menuitemPadding;
+    color: $menuitemTextColor;
+  }
+
+  .p-menuitem-badge {
+    @include menuitem-badge();
+  }
+}