@opensumi/ide-design 3.2.5 → 3.2.6-next-1724809247.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/lib/browser/design.contribution.js +3 -3
  2. package/lib/browser/design.contribution.js.map +1 -1
  3. package/lib/browser/override/editor-tab.service.d.ts +1 -0
  4. package/lib/browser/override/editor-tab.service.d.ts.map +1 -1
  5. package/lib/browser/override/editor-tab.service.js +8 -1
  6. package/lib/browser/override/editor-tab.service.js.map +1 -1
  7. package/lib/browser/style/design.module.less +6 -8
  8. package/package.json +6 -6
  9. package/src/browser/design.contribution.ts +4 -4
  10. package/src/browser/override/editor-tab.service.tsx +8 -1
  11. package/src/browser/style/design.module.less +6 -8
package/lib/browser/design.contribution.js CHANGED
@@ -13,9 +13,9 @@ const file_system_provider_1 = require("./theme/file-system.provider");
13
13
  let DesignCoreContribution = class DesignCoreContribution {
14
14
  initialize() {
15
15
  this.fileSystem.registerProvider(ide_core_common_1.Schemes.design, this.designThemeFileSystemProvider);
16
- this.layoutViewSize.setEditorTabsHeight(36);
17
- this.layoutViewSize.setStatusBarHeight(36);
18
- this.layoutViewSize.setAccordionHeaderSizeHeight(36);
16
+ this.layoutViewSize.setEditorTabsHeight(36, constants_1.ConfigPriority.ModuleDefined);
17
+ this.layoutViewSize.setStatusBarHeight(36, constants_1.ConfigPriority.ModuleDefined);
18
+ this.layoutViewSize.setAccordionHeaderSizeHeight(36, constants_1.ConfigPriority.ModuleDefined);
19
19
  }
20
20
  registerRenderer(registry) {
21
21
  registry.registerSlotRenderer(ide_core_browser_1.SlotLocation.left, tabbar_view_1.DesignLeftTabRenderer);
package/lib/browser/design.contribution.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"design.contribution.js","sourceRoot":"","sources":["../../src/browser/design.contribution.ts"],"names":[],"mappings":";;;;AAAA,qCAAqD;AACrD,iEAMoC;AACpC,+EAAuF;AACvF,+DAAoD;AACpD,iEAAgE;AAChE,oGAA+F;AAE/F,sDAA8G;AAC9G,uEAA6E;AAItE,IAAM,sBAAsB,GAA5B,MAAM,sBAAsB;IAUjC,UAAU;QACR,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,yBAAO,CAAC,MAAM,EAAE,IAAI,CAAC,6BAA6B,CAAC,CAAC;QAErF,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAC;QAC5C,IAAI,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;QAC3C,IAAI,CAAC,cAAc,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC;IACvD,CAAC;IAED,gBAAgB,CAAC,QAA8B;QAC7C,QAAQ,CAAC,oBAAoB,CAAC,+BAAY,CAAC,IAAI,EAAE,mCAAqB,CAAC,CAAC;QACxE,QAAQ,CAAC,oBAAoB,CAAC,+BAAY,CAAC,MAAM,EAAE,qCAAuB,CAAC,CAAC;QAC5E,QAAQ,CAAC,oBAAoB,CAAC,+BAAY,CAAC,KAAK,EAAE,oCAAsB,CAAC,CAAC;IAC5E,CAAC;CACF,CAAA;AAtBC;IAAC,IAAA,cAAS,EAAC,qCAAkB,CAAC;sCACC,uCAAiB;0DAAC;AAEjD;IAAC,IAAA,cAAS,GAAE;sCACoC,oDAA6B;6EAAC;AAE9E;IAAC,IAAA,cAAS,EAAC,gCAAoB,CAAC;sCACR,gCAAoB;8DAAC;AARlC,sBAAsB;IAFlC,IAAA,eAAU,GAAE;IACZ,IAAA,yBAAM,EAAC,wCAAqB,EAAE,2CAAwB,CAAC;GAC3C,sBAAsB,CAuBlC;AAvBY,wDAAsB"}
1
+ {"version":3,"file":"design.contribution.js","sourceRoot":"","sources":["../../src/browser/design.contribution.ts"],"names":[],"mappings":";;;;AAAA,qCAAqD;AACrD,iEAMoC;AACpC,+EAAuG;AACvG,+DAAoD;AACpD,iEAAgE;AAChE,oGAA+F;AAE/F,sDAA8G;AAC9G,uEAA6E;AAItE,IAAM,sBAAsB,GAA5B,MAAM,sBAAsB;IAUjC,UAAU;QACR,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,yBAAO,CAAC,MAAM,EAAE,IAAI,CAAC,6BAA6B,CAAC,CAAC;QAErF,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,EAAE,0BAAc,CAAC,aAAa,CAAC,CAAC;QAC1E,IAAI,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAAE,EAAE,0BAAc,CAAC,aAAa,CAAC,CAAC;QACzE,IAAI,CAAC,cAAc,CAAC,4BAA4B,CAAC,EAAE,EAAE,0BAAc,CAAC,aAAa,CAAC,CAAC;IACrF,CAAC;IAED,gBAAgB,CAAC,QAA8B;QAC7C,QAAQ,CAAC,oBAAoB,CAAC,+BAAY,CAAC,IAAI,EAAE,mCAAqB,CAAC,CAAC;QACxE,QAAQ,CAAC,oBAAoB,CAAC,+BAAY,CAAC,MAAM,EAAE,qCAAuB,CAAC,CAAC;QAC5E,QAAQ,CAAC,oBAAoB,CAAC,+BAAY,CAAC,KAAK,EAAE,oCAAsB,CAAC,CAAC;IAC5E,CAAC;CACF,CAAA;AAtBC;IAAC,IAAA,cAAS,EAAC,qCAAkB,CAAC;sCACC,uCAAiB;0DAAC;AAEjD;IAAC,IAAA,cAAS,GAAE;sCACoC,oDAA6B;6EAAC;AAE9E;IAAC,IAAA,cAAS,EAAC,gCAAoB,CAAC;sCACR,gCAAoB;8DAAC;AARlC,sBAAsB;IAFlC,IAAA,eAAU,GAAE;IACZ,IAAA,yBAAM,EAAC,wCAAqB,EAAE,2CAAwB,CAAC;GAC3C,sBAAsB,CAuBlC;AAvBY,wDAAsB"}
package/lib/browser/override/editor-tab.service.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { EditorTabService } from '@opensumi/ide-editor/lib/browser/editor.tab.service';
3
3
  export declare class DesignEditorTabService extends EditorTabService {
4
+ private layoutViewSize;
4
5
  renderEditorTab(component: ReactNode, isCurrent: boolean): ReactNode;
5
6
  renderTabCloseComponent(component: ReactNode): ReactNode;
6
7
  }
package/lib/browser/override/editor-tab.service.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"editor-tab.service.d.ts","sourceRoot":"","sources":["../../../src/browser/override/editor-tab.service.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAK/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AA8BvF,qBACa,sBAAuB,SAAQ,gBAAgB;IACjD,eAAe,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS;IAapE,uBAAuB,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS;CAGlE"}
1
+ {"version":3,"file":"editor-tab.service.d.ts","sourceRoot":"","sources":["../../../src/browser/override/editor-tab.service.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAM/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AA8BvF,qBACa,sBAAuB,SAAQ,gBAAgB;IAE1D,OAAO,CAAC,cAAc,CAAuB;IAEpC,eAAe,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS;IAgBpE,uBAAuB,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS;CAGlE"}
package/lib/browser/override/editor-tab.service.js CHANGED
@@ -6,6 +6,7 @@ const classnames_1 = tslib_1.__importDefault(require("classnames"));
6
6
  const react_1 = tslib_1.__importStar(require("react"));
7
7
  const di_1 = require("@opensumi/di");
8
8
  const components_1 = require("@opensumi/ide-core-browser/lib/components");
9
+ const constants_1 = require("@opensumi/ide-core-browser/lib/layout/constants");
9
10
  const ide_core_common_1 = require("@opensumi/ide-core-common");
10
11
  const editor_tab_service_1 = require("@opensumi/ide-editor/lib/browser/editor.tab.service");
11
12
  const design_module_less_1 = tslib_1.__importDefault(require("../style/design.module.less"));
@@ -25,12 +26,18 @@ let DesignEditorTabService = class DesignEditorTabService extends editor_tab_ser
25
26
  return (react_1.default.createElement("div", { className: (0, classnames_1.default)({
26
27
  [design_module_less_1.default['design-editor_tab_block_container']]: true,
27
28
  [design_module_less_1.default.active]: isCurrent,
28
- }) }, component));
29
+ }), style: {
30
+ height: this.layoutViewSize.editorTabsHeight,
31
+ } }, component));
29
32
  }
30
33
  renderTabCloseComponent(component) {
31
34
  return react_1.default.createElement(EditorTabCloseComponent, null, component);
32
35
  }
33
36
  };
37
+ tslib_1.__decorate([
38
+ (0, di_1.Autowired)(constants_1.LayoutViewSizeConfig),
39
+ tslib_1.__metadata("design:type", constants_1.LayoutViewSizeConfig)
40
+ ], DesignEditorTabService.prototype, "layoutViewSize", void 0);
34
41
  DesignEditorTabService = tslib_1.__decorate([
35
42
  (0, di_1.Injectable)()
36
43
  ], DesignEditorTabService);
package/lib/browser/override/editor-tab.service.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"editor-tab.service.js","sourceRoot":"","sources":["../../../src/browser/override/editor-tab.service.tsx"],"names":[],"mappings":";;;;AAAA,oEAA6B;AAC7B,uDAA+D;AAE/D,qCAA0C;AAC1C,0EAAqF;AACrF,+DAA8E;AAC9E,4FAAuF;AAEvF,6FAAiD;AAEjD,MAAM,uBAAuB,GAAG,CAAC,KAAK,EAAE,EAAE;IACxC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,GAAG,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,mBAAmB,GAAG,IAAA,sBAAI,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,gCAAc,EAAC,uBAAuB,EAAE,6BAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;IAExG,OAAO,CACL,8BAAC,oBAAO,IACN,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,4BAAe,CAAC,MAAM,EAChC,EAAE,EAAE,GAAG,EACP,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,WAAW,EAC1B,OAAO,EAAE,OAAO;QAEhB,wCAAM,KAAK,EAAC,EAAE,IAAE,QAAQ,CAAQ,CACxB,CACX,CAAC;AACJ,CAAC,CAAC;AAGK,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,qCAAgB;IACjD,eAAe,CAAC,SAAoB,EAAE,SAAkB;QAC/D,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,oBAAG,EAAC;gBACb,CAAC,4BAAM,CAAC,mCAAmC,CAAC,CAAC,EAAE,IAAI;gBACnD,CAAC,4BAAM,CAAC,MAAM,CAAC,EAAE,SAAS;aAC3B,CAAC,IAED,SAAS,CACN,CACP,CAAC;IACJ,CAAC;IAEQ,uBAAuB,CAAC,SAAoB;QACnD,OAAO,8BAAC,uBAAuB,QAAE,SAAS,CAA2B,CAAC;IACxE,CAAC;CACF,CAAA;AAjBY,sBAAsB;IADlC,IAAA,eAAU,GAAE;GACA,sBAAsB,CAiBlC;AAjBY,wDAAsB"}
1
+ {"version":3,"file":"editor-tab.service.js","sourceRoot":"","sources":["../../../src/browser/override/editor-tab.service.tsx"],"names":[],"mappings":";;;;AAAA,oEAA6B;AAC7B,uDAA+D;AAE/D,qCAAqD;AACrD,0EAAqF;AACrF,+EAAuF;AACvF,+DAA8E;AAC9E,4FAAuF;AAEvF,6FAAiD;AAEjD,MAAM,uBAAuB,GAAG,CAAC,KAAK,EAAE,EAAE;IACxC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,GAAG,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,mBAAmB,GAAG,IAAA,sBAAI,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,gCAAc,EAAC,uBAAuB,EAAE,6BAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;IAExG,OAAO,CACL,8BAAC,oBAAO,IACN,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,4BAAe,CAAC,MAAM,EAChC,EAAE,EAAE,GAAG,EACP,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,WAAW,EAC1B,OAAO,EAAE,OAAO;QAEhB,wCAAM,KAAK,EAAC,EAAE,IAAE,QAAQ,CAAQ,CACxB,CACX,CAAC;AACJ,CAAC,CAAC;AAGK,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,qCAAgB;IAIjD,eAAe,CAAC,SAAoB,EAAE,SAAkB;QAC/D,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,oBAAG,EAAC;gBACb,CAAC,4BAAM,CAAC,mCAAmC,CAAC,CAAC,EAAE,IAAI;gBACnD,CAAC,4BAAM,CAAC,MAAM,CAAC,EAAE,SAAS;aAC3B,CAAC,EACF,KAAK,EAAE;gBACL,MAAM,EAAE,IAAI,CAAC,cAAc,CAAC,gBAAgB;aAC7C,IAEA,SAAS,CACN,CACP,CAAC;IACJ,CAAC;IAEQ,uBAAuB,CAAC,SAAoB;QACnD,OAAO,8BAAC,uBAAuB,QAAE,SAAS,CAA2B,CAAC;IACxE,CAAC;CACF,CAAA;AAtBC;IAAC,IAAA,cAAS,EAAC,gCAAoB,CAAC;sCACR,gCAAoB;8DAAC;AAFlC,sBAAsB;IADlC,IAAA,eAAU,GAAE;GACA,sBAAsB,CAuBlC;AAvBY,wDAAsB"}
package/lib/browser/style/design.module.less CHANGED
@@ -286,7 +286,6 @@
286
286
  .design-editor_tab_block_container {
287
287
  display: flex;
288
288
  align-items: center;
289
- height: 36px;
290
289
  border-radius: 12px 12px 0 0;
291
290
  padding: 0 8px;
292
291
  margin-right: 0 !important;
@@ -295,7 +294,6 @@
295
294
  content: '';
296
295
  position: absolute;
297
296
  left: 0;
298
- top: 12px;
299
297
  display: inline-block;
300
298
  width: 1px;
301
299
  height: 12px;
@@ -707,12 +705,6 @@
707
705
  }
708
706
  }
709
707
 
710
- .design-tab_panel {
711
- &::before {
712
- content: none;
713
- }
714
- }
715
-
716
708
  .design-tab_panel_hidden {
717
709
  display: none;
718
710
  }
@@ -726,6 +718,12 @@
726
718
  }
727
719
  }
728
720
 
721
+ .design-tab_panel {
722
+ &::before {
723
+ content: none !important;
724
+ }
725
+ }
726
+
729
727
  :global(.design_left_slot),
730
728
  :global(.design_right_slot) {
731
729
  li.design-left_tab,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opensumi/ide-design",
3
- "version": "3.2.5",
3
+ "version": "3.2.6-next-1724809247.0",
4
4
  "files": [
5
5
  "lib",
6
6
  "src"
@@ -19,12 +19,12 @@
19
19
  "url": "git@github.com:opensumi/core.git"
20
20
  },
21
21
  "dependencies": {
22
- "@opensumi/ide-core-common": "3.2.5",
23
- "@opensumi/ide-core-node": "3.2.5"
22
+ "@opensumi/ide-core-common": "3.2.6-next-1724809247.0",
23
+ "@opensumi/ide-core-node": "3.2.6-next-1724809247.0"
24
24
  },
25
25
  "devDependencies": {
26
- "@opensumi/ide-core-browser": "3.2.5",
27
- "@opensumi/ide-dev-tool": "3.2.5"
26
+ "@opensumi/ide-core-browser": "3.2.6-next-1724809247.0",
27
+ "@opensumi/ide-dev-tool": "3.2.6-next-1724809247.0"
28
28
  },
29
- "gitHead": "879ad36cb2e8e5bc9d928cf7d8bb003de7f0b7b3"
29
+ "gitHead": "c4b6105b9bb91ec5f0bbf7396173b97da2308938"
30
30
  }
package/src/browser/design.contribution.ts CHANGED
@@ -6,7 +6,7 @@ import {
6
6
  SlotRendererContribution,
7
7
  SlotRendererRegistry,
8
8
  } from '@opensumi/ide-core-browser';
9
- import { LayoutViewSizeConfig } from '@opensumi/ide-core-browser/lib/layout/constants';
9
+ import { ConfigPriority, LayoutViewSizeConfig } from '@opensumi/ide-core-browser/lib/layout/constants';
10
10
  import { Schemes } from '@opensumi/ide-core-common';
11
11
  import { IFileServiceClient } from '@opensumi/ide-file-service';
12
12
  import { FileServiceClient } from '@opensumi/ide-file-service/lib/browser/file-service-client';
@@ -29,9 +29,9 @@ export class DesignCoreContribution implements ClientAppContribution, SlotRender
29
29
  initialize() {
30
30
  this.fileSystem.registerProvider(Schemes.design, this.designThemeFileSystemProvider);
31
31
 
32
- this.layoutViewSize.setEditorTabsHeight(36);
33
- this.layoutViewSize.setStatusBarHeight(36);
34
- this.layoutViewSize.setAccordionHeaderSizeHeight(36);
32
+ this.layoutViewSize.setEditorTabsHeight(36, ConfigPriority.ModuleDefined);
33
+ this.layoutViewSize.setStatusBarHeight(36, ConfigPriority.ModuleDefined);
34
+ this.layoutViewSize.setAccordionHeaderSizeHeight(36, ConfigPriority.ModuleDefined);
35
35
  }
36
36
 
37
37
  registerRenderer(registry: SlotRendererRegistry): void {
package/src/browser/override/editor-tab.service.tsx CHANGED
@@ -1,8 +1,9 @@
1
1
  import cls from 'classnames';
2
2
  import React, { ReactNode, useCallback, useMemo } from 'react';
3
3
 
4
- import { Injectable } from '@opensumi/di';
4
+ import { Autowired, Injectable } from '@opensumi/di';
5
5
  import { Popover, PopoverPosition } from '@opensumi/ide-core-browser/lib/components';
6
+ import { LayoutViewSizeConfig } from '@opensumi/ide-core-browser/lib/layout/constants';
6
7
  import { formatLocalize, isMacintosh, uuid } from '@opensumi/ide-core-common';
7
8
  import { EditorTabService } from '@opensumi/ide-editor/lib/browser/editor.tab.service';
8
9
 
@@ -36,6 +37,9 @@ const EditorTabCloseComponent = (props) => {
36
37
 
37
38
  @Injectable()
38
39
  export class DesignEditorTabService extends EditorTabService {
40
+ @Autowired(LayoutViewSizeConfig)
41
+ private layoutViewSize: LayoutViewSizeConfig;
42
+
39
43
  override renderEditorTab(component: ReactNode, isCurrent: boolean): ReactNode {
40
44
  return (
41
45
  <div
@@ -43,6 +47,9 @@ export class DesignEditorTabService extends EditorTabService {
43
47
  [styles['design-editor_tab_block_container']]: true,
44
48
  [styles.active]: isCurrent,
45
49
  })}
50
+ style={{
51
+ height: this.layoutViewSize.editorTabsHeight,
52
+ }}
46
53
  >
47
54
  {component}
48
55
  </div>
package/src/browser/style/design.module.less CHANGED
@@ -286,7 +286,6 @@
286
286
  .design-editor_tab_block_container {
287
287
  display: flex;
288
288
  align-items: center;
289
- height: 36px;
290
289
  border-radius: 12px 12px 0 0;
291
290
  padding: 0 8px;
292
291
  margin-right: 0 !important;
@@ -295,7 +294,6 @@
295
294
  content: '';
296
295
  position: absolute;
297
296
  left: 0;
298
- top: 12px;
299
297
  display: inline-block;
300
298
  width: 1px;
301
299
  height: 12px;
@@ -707,12 +705,6 @@
707
705
  }
708
706
  }
709
707
 
710
- .design-tab_panel {
711
- &::before {
712
- content: none;
713
- }
714
- }
715
-
716
708
  .design-tab_panel_hidden {
717
709
  display: none;
718
710
  }
@@ -726,6 +718,12 @@
726
718
  }
727
719
  }
728
720
 
721
+ .design-tab_panel {
722
+ &::before {
723
+ content: none !important;
724
+ }
725
+ }
726
+
729
727
  :global(.design_left_slot),
730
728
  :global(.design_right_slot) {
731
729
  li.design-left_tab,