Updated Global CSS

kamalqureshi · raheeliftikhar5 · commit 1dddc59c9e81 · 2025-07-22T20:47:53.000+05:00
diff --git a/client/packages/lowcoder/src/comps/comps/preLoadComp/actionConfigs.ts b/client/packages/lowcoder/src/comps/comps/preLoadComp/actionConfigs.ts
@@ -14,7 +14,7 @@ import {
   shareAppAction,
   testAllDatasourcesAction,
   applyGlobalJSAction,
-  applyGlobalCSSAction,
+  applyCSSAction,
   applyThemeAction,
   setCanvasSettingsAction,
   setCustomShortcutsAction,
@@ -43,7 +43,7 @@ export const actionCategories: ActionCategory[] = [
       shareAppAction,
       testAllDatasourcesAction,
       applyGlobalJSAction,
-      applyGlobalCSSAction,
+      applyCSSAction,
       applyThemeAction,
       setCanvasSettingsAction,
       setCustomShortcutsAction
diff --git a/client/packages/lowcoder/src/comps/comps/preLoadComp/actionInputSection.tsx b/client/packages/lowcoder/src/comps/comps/preLoadComp/actionInputSection.tsx
@@ -289,9 +289,6 @@ export function ActionInputSection() {
     if (currentAction.requiresComponentSelection && !selectedComponent) return true;
     if (currentAction.requiresEditorComponentSelection && !selectedEditorComponent) return true;
     if (currentAction.requiresInput && !actionValue.trim()) return true;
-    if (currentAction.requiresStyle && !selectedEditorComponent) return true;
-    if (currentAction.isTheme && !selectedTheme) return true;
-    if (currentAction.isCustomShortcuts && !selectedCustomShortcutAction) return true;
     
     return false;
   }, [
diff --git a/client/packages/lowcoder/src/comps/comps/preLoadComp/actions/appConfiguration.ts b/client/packages/lowcoder/src/comps/comps/preLoadComp/actions/appConfiguration.ts
@@ -277,7 +277,7 @@ export const applyGlobalJSAction: ActionConfig = {
       scriptComp.dispatchChangeValueAction(jsCode);
       runScript(jsCode, false);
       
-      message.success('Global JavaScript applied successfully!');
+      message.success('JavaScript applied successfully!');
       
     } catch (error) {
       console.error('Error applying global JavaScript:', error);
@@ -286,13 +286,13 @@ export const applyGlobalJSAction: ActionConfig = {
   }
 };
 
-export const applyGlobalCSSAction: ActionConfig = {
-  key: 'apply-global-css',
-  label: 'Apply global CSS',
+export const applyCSSAction: ActionConfig = {
+  key: 'apply-css',
+  label: 'Apply CSS',
   category: 'app-configuration',
   requiresInput: true,
   requiresStyle: true,
-  inputPlaceholder: 'Enter CSS code to apply globally...',
+  inputPlaceholder: 'Enter CSS code to apply...',
   inputType: 'textarea',
   validation: (value: string) => {
     if (!value.trim()) {
@@ -322,21 +322,21 @@ export const applyGlobalCSSAction: ActionConfig = {
         return;
       }
 
-      const globalCSSComp = preloadComp.children.globalCSS;
-      if (!globalCSSComp) {
-        message.error('Global CSS component not found');
+      const cssComp = preloadComp.children.css;
+      if (!cssComp) {
+        message.error('CSS component not found');
         return;
       }
 
-      globalCSSComp.dispatchChangeValueAction(cssCode);
+      cssComp.dispatchChangeValueAction(cssCode);
       
-      await globalCSSComp.run('global-css', cssCode);
+      await cssComp.run('css', cssCode);
       
-      message.success('Global CSS applied successfully!');
+      message.success('CSS applied successfully!');
       
     } catch (error) {
-      console.error('Error applying global CSS:', error);
-      message.error('Failed to apply global CSS. Check console for details.');
+      console.error('Error applying CSS:', error);
+      message.error('Failed to apply CSS. Check console for details.');
     }
   }
 };
