Fixed issue with long links

skybrud · Mar 26, 2019 · ebb85f5 · ebb85f5
1 parent ab50aed
commit ebb85f5
Show file tree

Hide file tree

Showing 6 changed files with 108 additions and 2 deletions.
diff --git a/src/Skybrud.LinkPicker/App_Plugins/Skybrud.LinkPicker/Styles/LinkPicker.css b/src/Skybrud.LinkPicker/App_Plugins/Skybrud.LinkPicker/Styles/LinkPicker.css
@@ -160,6 +160,19 @@
 .SkybrudPropertyEditors.LinkPicker .umbraco-gte76 .linkpicker-preview__action--red:hover {
   color: #fe3e39;
 }
+.SkybrudPropertyEditors.LinkPicker .linkpicker-preview__name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 60%;
+}
+.umb-overlay .SkybrudPropertyEditors.LinkPicker .linkpicker-preview,
+.umb-overlay .SkybrudPropertyEditors.LinkPicker .linkpicker-preview-add {
+  max-width: initial;
+}
+.umb-overlay .SkybrudPropertyEditors.LinkPicker .linkpicker-preview__name {
+  max-width: 275px;
+}
 .SkybrudPropertyEditors.LinkPickerOptions .optionGroup .optionGroupTitle {
   margin-bottom: 20px;
   background: #f8f8f8;
@@ -282,4 +295,4 @@
 .umb-modal .SkybrudPropertyEditors.LinkPicker .linkpicker-preview,
 .umb-modal .SkybrudPropertyEditors.LinkPicker .linkpicker-preview-add {
   max-width: initial;
-}
+}
diff --git a/src/Skybrud.LinkPicker/App_Plugins/Skybrud.LinkPicker/Styles/LinkPicker.min.css b/src/Skybrud.LinkPicker/App_Plugins/Skybrud.LinkPicker/Styles/LinkPicker.min.css
diff --git a/src/Skybrud.LinkPicker/App_Plugins/Skybrud.LinkPicker/Styles/_preview.less b/src/Skybrud.LinkPicker/App_Plugins/Skybrud.LinkPicker/Styles/_preview.less
@@ -114,4 +114,24 @@
         color: #fe3e39;
     }
 
+}
+
+
+
+
+@{PreviewPrefix}__name {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 60%;
+}
+
+
+.umb-overlay & @{PreviewPrefix},
+.umb-overlay & @{PreviewPrefix}-add {
+    max-width: initial;
+}
+
+.umb-overlay & @{PreviewPrefix}__name {
+    max-width: 275px;
 }
diff --git a/src/Skybrud.LinkPicker/Skybrud.LinkPicker.csproj b/src/Skybrud.LinkPicker/Skybrud.LinkPicker.csproj
@@ -333,6 +333,10 @@
   </ItemGroup>
   <ItemGroup>
     <Content Include="App_Plugins\Skybrud.LinkPicker\Styles\_preview.less" />
+    <None Include="compilerconfig.json" />
+    <None Include="compilerconfig.json.defaults">
+      <DependentUpon>compilerconfig.json</DependentUpon>
+    </None>
     <None Include="LICENSE.html" />
     <Content Include="packages.config" />
     <Content Include="App_Plugins\Skybrud.LinkPicker\package.manifest" />

diff --git a/src/Skybrud.LinkPicker/compilerconfig.json b/src/Skybrud.LinkPicker/compilerconfig.json
@@ -0,0 +1,6 @@
+[
+  {
+    "outputFile": "App_Plugins/Skybrud.LinkPicker/Styles/LinkPicker.css",
+    "inputFile": "App_Plugins/Skybrud.LinkPicker/Styles/LinkPicker.less"
+  }
+]
diff --git a/src/Skybrud.LinkPicker/compilerconfig.json.defaults b/src/Skybrud.LinkPicker/compilerconfig.json.defaults
@@ -0,0 +1,63 @@
+{
+  "compilers": {
+    "less": {
+      "autoPrefix": "",
+      "cssComb": "none",
+      "ieCompat": true,
+      "strictMath": false,
+      "strictUnits": false,
+      "relativeUrls": true,
+      "rootPath": "",
+      "sourceMapRoot": "",
+      "sourceMapBasePath": "",
+      "sourceMap": false
+    },
+    "sass": {
+      "autoPrefix": "",
+      "includePath": "",
+      "indentType": "space",
+      "indentWidth": 2,
+      "outputStyle": "nested",
+      "Precision": 5,
+      "relativeUrls": true,
+      "sourceMapRoot": "",
+      "lineFeed": "",
+      "sourceMap": false
+    },
+    "stylus": {
+      "sourceMap": false
+    },
+    "babel": {
+      "sourceMap": false
+    },
+    "coffeescript": {
+      "bare": false,
+      "runtimeMode": "node",
+      "sourceMap": false
+    },
+    "handlebars": {
+      "root": "",
+      "noBOM": false,
+      "name": "",
+      "namespace": "",
+      "knownHelpersOnly": false,
+      "forcePartial": false,
+      "knownHelpers": [],
+      "commonjs": "",
+      "amd": false,
+      "sourceMap": false
+    }
+  },
+  "minifiers": {
+    "css": {
+      "enabled": true,
+      "termSemicolons": true,
+      "gzip": false
+    },
+    "javascript": {
+      "enabled": true,
+      "termSemicolons": true,
+      "gzip": false
+    }
+  }
+}