Umbraco 9 - 작물을 분류하세요!

나는 항상 Umbraco의 이미지 자르기 도구가 약간 지저분해 보이고 기본 이미지의 보기가 충분히 크지 않다고 생각했습니다.



그래서 CSS를 조정하고 정리할 수 있는지 확인하기로 결정했습니다.



나는 이것이 더 좋아 보인다고 생각하고 사용할 영역의 100% 메인 이미지를 제공합니다!

이를 달성하는 것은 매우 간단합니다. 다음 단계를 따르세요.

1 - 사이트에서 app_plugins 아래에 다음 구조를 만듭니다.



2 - 다음 코드와 함께 package.manifest를 추가합니다.

{
  "css": [
    "~/app_plugins/tweaks/cropper.css"
  ]
}

3 - 이 CSS를 cropper.css라는 파일에 추가합니다.

.imagecropper {
  display: block;
}

.imagecropper .umb-sortable-thumbnails {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  overflow: auto;
  max-height: 300px;
}

.imagecropper .umb-sortable-thumbnails li {
  display: flex;
  flex-wrap: wrap;
  width: 10%;
  align-items: flex-start;
}

.imagecropper .umb-sortable-thumbnails li .crop-information {
  align-items: flex-start;
}

4 - Umbraco 웹사이트를 다시 시작하면 이미지 자르기 도구가 업데이트됩니다 :)

도움이 필요하시면 에 소리쳐 주세요.