Fix timeline layout on mobile (#89) 🚀

* Fix timeline part 1 🚀

* Fix timeline part 2 🚀

* New timeline ready 🚀

Author: chicio

CHANGELOG.md

@@ -13,6 +13,7 @@ Release date: 2021-10-XX
 #### Fixed
 
 - disabled animation for touch devices
+- timeline on mobile is now without borders
 
 ## [4.10.0](https://github.com/chicio/chicio.github.io/releases/tag/v4.10.0)
 Release date: 2021-10-16

graphql-types.ts

@@ -258,8 +258,6 @@ export type DirectoryCtimeArgs = {
 export type Site = Node & {
   buildTime?: Maybe<Scalars['Date']>;
   siteMetadata?: Maybe<SiteSiteMetadata>;
-  port?: Maybe<Scalars['Int']>;
-  host?: Maybe<Scalars['String']>;
   polyfill?: Maybe<Scalars['Boolean']>;
   pathPrefix?: Maybe<Scalars['String']>;
   id: Scalars['ID'];
@@ -1050,8 +1048,6 @@ export type QueryAllDirectoryArgs = {
 export type QuerySiteArgs = {
   buildTime?: Maybe<DateQueryOperatorInput>;
   siteMetadata?: Maybe<SiteSiteMetadataFilterInput>;
-  port?: Maybe<IntQueryOperatorInput>;
-  host?: Maybe<StringQueryOperatorInput>;
   polyfill?: Maybe<BooleanQueryOperatorInput>;
   pathPrefix?: Maybe<StringQueryOperatorInput>;
   id?: Maybe<StringQueryOperatorInput>;
@@ -2367,8 +2363,6 @@ export type SiteFieldsEnum =
   | 'siteMetadata___contacts___links___medium'
   | 'siteMetadata___contacts___links___devto'
   | 'siteMetadata___contacts___links___instagram'
-  | 'port'
-  | 'host'
   | 'polyfill'
   | 'pathPrefix'
   | 'id'
@@ -2502,8 +2496,6 @@ export type SiteGroupConnectionGroupArgs = {
 export type SiteFilterInput = {
   buildTime?: Maybe<DateQueryOperatorInput>;
   siteMetadata?: Maybe<SiteSiteMetadataFilterInput>;
-  port?: Maybe<IntQueryOperatorInput>;
-  host?: Maybe<StringQueryOperatorInput>;
   polyfill?: Maybe<BooleanQueryOperatorInput>;
   pathPrefix?: Maybe<StringQueryOperatorInput>;
   id?: Maybe<StringQueryOperatorInput>;

src/components/call-to-action-external-with-tracking.tsx

@@ -9,23 +9,17 @@ type CallToActionExternalWithTrackingProps = TrackingElementProps & {
   rel?: string;
 };
 
-export const CallToActionExternalWithTracking: React.FC<CallToActionExternalWithTrackingProps> = ({
-  children,
-  className,
-  href,
-  trackingData,
-  target,
-  rel,
-}) => (
-  <CallToActionExternal
-    className={className}
-    href={href}
-    onClick={() => {
-      trackWith(trackingData);
-    }}
-    target={target}
-    rel={rel}
-  >
-    {children}
-  </CallToActionExternal>
-);
+export const CallToActionExternalWithTracking: React.FC<CallToActionExternalWithTrackingProps> =
+  ({ children, className, href, trackingData, target, rel }) => (
+    <CallToActionExternal
+      className={className}
+      href={href}
+      onClick={() => {
+        trackWith(trackingData);
+      }}
+      target={target}
+      rel={rel}
+    >
+      {children}
+    </CallToActionExternal>
+  );