Fixed card attribute layout for long values

procivis · Aug 29, 2024 · 6564850 · 6564850
1 parent db5116d
commit 6564850
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@procivis/one-react-native-components",
-  "version": "0.1.34",
+  "version": "0.1.35",
   "description": "Common Procivis ONE UI components for react-native",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

diff --git a/src/credential/credential-attribute-item.tsx b/src/credential/credential-attribute-item.tsx
@@ -247,7 +247,9 @@ const CredentialAttributeItem: FC<CredentialAttributeItemProps> = ({
                 ))}
               <View />
             </View>
-            <View style={[styles.rightAccessory, isObject && styles.objectAccessory]}>{rightAccessoryView}</View>
+            {rightAccessoryView && (
+              <View style={[styles.rightAccessory, isObject && styles.objectAccessory]}>{rightAccessoryView}</View>
+            )}
           </View>
         </CredentialAttributeItemButton>
       </View>
@@ -345,16 +347,15 @@ const styles = StyleSheet.create({
     paddingLeft: 13,
   },
   objectAccessory: {
-    top: 0,
+    alignSelf: 'flex-start',
   },
   objectAttributeItem: {
     alignItems: 'stretch',
     flex: 1,
     paddingLeft: 12,
   },
   rightAccessory: {
-    position: 'absolute',
-    right: 8,
+    paddingHorizontal: 8,
   },
   separator: {
     height: 1,